Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Facebook's horizontal scrollbar in ticker & chat sidebar

There is another question regarding this issue (hide scrollbar and show on hover like facebooks new chat sidebar), but I'm interested in how they have achieved the styling of the scrollbar. I have only one guess, and that is that their putting their own div right where the scrollbar would be, thus hiding it and simply making their own "gripper" follow the scroll height.

I need to add vertical scrolling to a fixed positioned div, and if anyone knows a good plugins (or can tell me how to make my own) to achieve this I'd be glad to hear about them.

Thanks

like image 543
Emil Ahlbäck Avatar asked Sep 04 '11 13:09

Emil Ahlbäck


People also ask

How do I make my horizontal scrollbar visible?

To show the scrollbars always on the webpage, use overflow: scroll Property. It will add both horizontal and vertical scrollbars to the webpage. To add only horizontal scrollbar use overflow-x: scroll property and for vertical scrollbar use overflow-y: scroll property.

Why do I have a horizontal scrollbar?

You horizontal scrollbar is caused because your site-section has a width of 100vw. The browser is fine with that but it also accounts for margin and padding (blue and red).


1 Answers

there is a jQuery plugin just for that, look at http://rocha.la/jQuery-slimScroll

like image 173
Praveen Gowda I V Avatar answered Oct 05 '22 13:10

Praveen Gowda I V