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

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...

Answers


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.


Need Your Help

Jquery - How to stop this script on form submit

jquery forms submit

I created this script to alert a user they are leaving the page without completing the form. The script is ignored when the user clicks the submit button. Unfortunately on the site I am working on,...

Cakephp Complex Relation Find

php cakephp mysql cakephp-1.3

I have a little complex Database model on which i am not able to make a proper find