Menu
I'd like to create a div that is able to scroll but does not display scrollbars. I have found a solution for Webkit (below) but how can this be done in other browsers?
I'd prefer to avoid using a javascript plugin. Hoping to find a CSS or vendor specific solution.
#photoreel::-webkit-scrollbar { height: 0; width: 0; } #photoreel { overflow-x: scroll; overflow-y: hidden; } 
522
"On Windows, Firefox follows the system preference (System Preferences > Accessibility > Visual Effects > Always show scrollbars)."
To hide the scrollbar and disable scrolling, we can use the CSS overflow property. This property determines what to do with content that extends beyond the boundaries of its container. To prevent scrolling with this property, just apply the rule overflow: hidden to the body (for the entire page) or a container element.
You must wrap your scrollable div in another div with overflow:hidden that hides the scrollbar.
See http://jsfiddle.net/qqPcb/ for an example.
BTW: The same technique is used by a nice little jQuery plugin called jScrollPane
118
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
