I would like the style of the scrollbar of my div style was similar to the iPhone or the new finder osx Lion. It must be compatible with all browsers. Is it possible?
Asked
Active
Viewed 5.2k times
3 Answers
17
There are actually ways to change the looks of the scrollbars in webkit browsers, with CSS only http://css-tricks.com/9130-custom-scrollbars-in-webkit/ It is currently not possible to style scrollbars to have a uniform cross browser appearance, though. You will have to resort to jQuery to get this done http://www.net-kit.com/jquery-custom-scrollbar-plugins/
Terry
- 63,248
- 15
- 96
- 118
-
Here is a great answer that details cross-browser scrollbar customizeability: http://stackoverflow.com/a/14150577/573634 – Hanna Apr 24 '13 at 20:20
-
links doesn't work anymore – HABJAN Oct 01 '15 at 15:28
2
You can style scrollbars using jQuery.
http://www.net-kit.com/jquery-custom-scrollbar-plugins/
I think, #3 in that list is similar to the iPhone scrollbars. May require slight modification.
GV1
- 475
- 1
- 10
- 17
0
Changing the scrollbars apprearance using CSS only is a feature that is only supported in IE as far as I know. There are however options involving some scripting (using jQuery plugins) that can do the trick.
Bas Slagter
- 9,831
- 7
- 47
- 78