Replace scrollbar within small text area with custom scrollbar

Question

Is there a way to replace a standard scrollbar with a custom image (arrow graphics) that allows visitors to click on the graphics and scroll? 2 graphics (up and down arrow).

Not without rebuilding the whole scrolling functionality from scratch using JavaScript... — Pekka, Aug 31 '10 at 09:26

score 2 · Answer 1 · answered Aug 31 '10 at 09:27

2

I've used jScrollPane in the past and it's proved very useful!

answered Aug 31 '10 at 09:27

Marko

71,361
28
124
158

score 2 · Answer 2 · answered Aug 31 '10 at 09:27

2

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

answered Aug 31 '10 at 09:27

Moin Zaman

25,281
6
70
74

score 2 · Answer 3 · edited Dec 27 '11 at 16:40

2

Check out the jScrollPane:
http://jscrollpane.kelvinluck.com/

edited Dec 27 '11 at 16:40

answered Aug 31 '10 at 09:28

Paolo Sangregorio

273
3
12

score 1 · Accepted Answer · answered Aug 31 '10 at 09:30

Recent versions of WebKit (Safari, Chrome) allow this via CSS. Maybe this will be adopted by other browsers in the near future.

http://webkit.org/blog/363/styling-scrollbars/

For now, you will have to stick to JavaScript and, as others have mentioned, jScrollPane is probably the best one around at the moment.

score 1 · Answer 5 · answered Oct 05 '10 at 23:45

1

You can use this script http://studio.radube.com/html-textarea-custom-scrollbar

answered Oct 05 '10 at 23:45

randall

57
1

Replace scrollbar within small text area with custom scrollbar

5 Answers5

Linked