Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I'm looking for a jQuery plugin which changes the standard scrollbars to those invisible ones only visible during scrolling and then fading away. This is probably best known from mobile devices, the new Mac OS X Lion browser, or the facebook notification area / chat bar.

I need this because when the scrollbars are always shown they take too much space.

Has anyone used this? I've found some examples for styling scrollbars but these are neither invisible upon loading nor they fade away after usage. Additionally they will not overlap with the content but instead reserve their space from the content area.

share|improve this question
add comment

1 Answer

Here are two plugins which have a lot of customization options

FleXcroll http://www.hesido.com/web.php?page=customscrollbar

jScrollPane http://jscrollpane.kelvinluck.com/

Scrollbar with Fade effect http://tympanus.net/codrops/2011/09/30/scrollbar-visibility-with-jscrollpane/ Demo http://tympanus.net/Tutorials/ScrollbarVisibility/

Updating again to include jsfiddle http://jsfiddle.net/peter/WehRv/

share|improve this answer
    
Yep, these are the only two I found, too. Apparently they don't seem to support overlapping the bars with the content. –  hurikhan77 Mar 11 '12 at 10:26
    
I updated to include a jsfiddle plus another fade effect link –  Anagio Mar 11 '12 at 10:49
    
Demos look good but doesn't play well with JqueryUI... Will look into it later... Also, ScrollbarVisibility seems to only support one pane due to its use of global variables. –  hurikhan77 Mar 11 '12 at 17:54
    
I would play with jquery fadein effect with a mouse over event. I'm not that good with jQuery but I would suggest you post these on stack overflow if they don't work and ask for some example code, they're really helpful over there for getting code working –  Anagio Mar 11 '12 at 18:51
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.