CSS Scroll With No Scrollbar

by zerrax

HTML

<div id="content">
    <div id="scrollable">html - How do I hide a scrollbar using CSS? - Stack Overflow stackoverflow.com/questions/.../how-do-i-hide-a-scrollbar-using-css 6 answers - 1 May 2012 How can I hide the scrollbar such that it is not visible. EDIT: I do want scrolling to work! So. ... but I want scrolling.. just don't want a scroll bar. ... sure that if the user has it disabled, they can still properly scroll the page without it. css - Hidden scrollbars in Firefox (allows scrolling but just no ... stackoverflow.com/.../hidden-scrollbars-in-firefox-allows-scrolling-b... 2 answers - 28 Apr 2011 I'd like to create a div that does scroll, just doesn't have a scrollbar. I was able to achieve ... { height: 0px; width: 0px; } #photoreel { overflow-x: scroll; overflow-y: hidden; } .... remove scroll-bar yet still have controllable content ... css - body: overflow-x - still able to scroll over with trackpad - Stack ... stackoverflow.com/.../body-overflow-x-still-able-to-scroll-over-with-... 2 answers - 13 Apr 2012 I've successfully hidden the horizontal scroll bar, but I am still able to scroll ... you can scroll over but the image I was using is cut off and it's just ... Remove scrollbar but not scrolling functionality - Stack Overflow stackoverflow.com/.../remove-scrollbar-but-not-scrolling-functionalit... 3 answers - 9 Nov 2012 Edit: Thanks for all the advice about on hover scrollbars and custom bars. ... top the users mouse is still at the bottom of the page meaning when they move it there ... But if you only want to hide the bar, you can also push this scrollbar out of view: ... Create a wrapper div inside the body, with the following css. Hide Scrollbar www.quackit.com/html/codes/hide_scrollbar.cfm You can use CSS code to remove scrollbars from any element on which ... though the scrollbars are hidden, the user can still enter as much data as they want. ... The only difference is that the overflow property is set to auto instead of hidden . Hide...

CSS

#content {
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid black;
    overflow: hidden;
}
#scrollable {
    height: 200px;
    width: 218px;
    overflow-y: scroll;
}