Stylish scrollbars in drop down menu

Question

I am having a long drop down menu .I have used the overflow property by which it is getting scrolled....But it does not look nice...Please suggest me how to give good CSS to scrollbars

Try: http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser — Jeroenhoman, Jan 06 '13 at 13:57
Wrote a detail answer about scroll bar styling options here: http://stackoverflow.com/a/14150577/1085891 — JSuar, Jan 06 '13 at 23:10

score 0 · Answer 1 · answered Jan 06 '13 at 15:04

0

Try to use jScrollPane (jquery plugin) instead a default browser scrollbar.

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

answered Jan 06 '13 at 15:04

karacas

2,054
1
19
29

score 0 · Accepted Answer · answered Jan 06 '13 at 15:09

In modern browsers you can only use proprietary css properties to style the scroll bar. Here is a link to the -webkit properties available: http://css-tricks.com/custom-scrollbars-in-webkit/

If you want a more cross-browser solution, you're going to have to use some JS. Here's a plugin that I've used before that works fairly well and is easily customizable: http://www.dynamicdrive.com/dynamicindex11/facescroll/index.htm It works like the scroll bars on Facebook and works extremely well for dropdown menu scenarios.

Stylish scrollbars in drop down menu

2 Answers2