CODEWITHSUNDEEP
javascriptjquerycsshtml
anders
anders

Reputation: 1545

Change scrollbar in html

Hi' Im making a large screen touch interface (ca 50 "). I have done user tests and found out that the scroll bars need to be like those that are in mobile applications so that users are forced to scroll by scrolling the "content" instead of doing it like in a wimp interface holding and draging the scrollbar with your finger which is rather difficult.

Now to my question, is it possible to style the scrollbars in html/css applications so that they appear as scrollbars in mobile applications (See image)?

Im planning to run my touch application under windows 7 in a chrome web browser set to kiosk mode.

Upvotes: 2

Views: 1157

Answers (2)

Nguyễn Văn Vương
Nguyễn Văn Vương

Reputation: 66

You can use nanobar fot this It a good plugin for generate beauty scroll bar on browser

https://github.com/jamesflorentino/nanoScrollerJS

or

http://www.mnking.net/2013/04/how-to-change-browser-scrollbar-in-html.html

Upvotes: 3

andyb
andyb

Reputation: 43823

Since you mention Chrome, you can style the scrollbar natively with CSS rules - see Custom Scrollbars in WebKit

Upvotes: 1

Related Questions