2

Can we change a scroll bar styling, Instead of default scroll bar, I want to place a image on it.

Soarabh
  • 2,910
  • 9
  • 39
  • 57
  • I provided a detailed answer to similar SO question: http://stackoverflow.com/a/14150577/1085891 You might find it helpful if you are still interested in styling scroll bars and/or want cross-browser compatibility. – JSuar Jan 05 '13 at 03:45

4 Answers4

2

No.

IE allow change color of some scrollbar elements. But other browsers - NO. The only solution is use custom JS to implement this. But this is always more ugly and non-useful instead of native controls.

Take a look at: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Zada Zorg
  • 2,778
  • 1
  • 21
  • 25
0

See if this works for you - flexScroll

This does not place an image over the scrollbar, it creates a virtual scrollbar. I don't know if it is possible to gain control over scrollbar using html/js.

vikmalhotra
  • 9,981
  • 20
  • 97
  • 137
0

You can't use an image for the scroll-bars, but you can change the colour of them. See this page for information on how to do it.

Be aware that the scrollbar properties are not valid CSS, and not all browsers will obey the style of the scrollbars.

gabe3886
  • 4,235
  • 3
  • 27
  • 31
0

Just found a link for the similar effect,hope it helps..

[http://www.hiddenpixels.com/javascript/custom-javascript-scrollbar/][1]
Ankit Jaiswal
  • 22,859
  • 5
  • 41
  • 64