CODEWITHSUNDEEP
htmlcssscrollbar
Moon
Moon

Reputation: 20012

How can I style an HTML scrollbar like the one sometimes found on google SERPs?

i was googling when i came across this.. the following image & never before or after that saw it...

this is a screen shot of google results in firefox

alt text

one result was scrollable with in itself...

see the scroll bar.. how can i achieve this scroll-bar...

we can have scrolling inside Divs but Firefox doesn't let CSS styling of scroll-bar & it screws the look & feel of the page...

Upvotes: 2

Views: 3939

Answers (3)

Eric
Eric

Reputation: 97601

In webkit browsers, you can use the ::-webkit-scrollbar css selector

Upvotes: 3

Stephen
Stephen

Reputation: 18964

jQuery UI can knock this out of the park. Check out their slider.

All of their widgets are ARIA-enabled and keyboard accessible, try using arrow keys and page-up/page-down on the example.

You can get this working on your website in 20 minutes. Less if you are already familiar with jQuery UI.

Upvotes: 5

Bojangles
Bojangles

Reputation: 101483

You will need to create your own scroll bar and div using JavaScript - currently, styling scrollbars only works in IE5.

Upvotes: 0

Related Questions