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
More Related Contents:
- Custom CSS Scrollbar for Firefox
- Scrollbar color change in Firefox
- CSS customized scroll bar in div
- Hiding the scroll bar on an HTML page
- Targeting only Firefox with CSS
- Does Firefox support position: relative on table elements?
- How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
- How to remove Firefox’s dotted outline on BUTTONS as well as links?
- Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
- Remove extra button spacing/padding in Firefox
- Content url does not display image on firefox browser
- Background-image in keyframe does not display in Firefox or Internet Explorer
- Font-size issues comparing chrome and Firefox
- Prevent flex item from exceeding parent height and make scroll bar work
- Firefox ignores padding when using overflow:scroll
- Fonts looks different in Firefox and Chrome
- Faster way to develop and test print stylesheets (avoid print preview every time)?
- Percentage padding / margin on grid item ignored in Firefox
- What does @-moz-document url-prefix() do?
- Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
- Preventing an image from being draggable or selectable without using JS
- background-attachment fixed with transform not working in Firefox
- SVG Fill not being applied in FireFox
- position relative in firefox [duplicate]
- Firefox blurs an image when scaled through external CSS or inline style.
- Firefox sets wrong caret position contentEditable with :before
- Ellipsis in flexbox container [duplicate]
- filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
- Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
- :nth-letter pseudo-element is not working [closed]