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

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.