setting the overflow should take care of it, but you need to set the height of Content also. If the height attribute is not set, the div will grow vertically as tall as it needs to, and scrollbars wont be needed. See Example: http://jsfiddle.net/ftkbL/1/
You need to assign some height to make the overflow: auto; property work. For testing purpose, add height: 100px; and check. and also it will be better if you give overflow-y:auto; instead of overflow: auto;, because this makes the element to scroll only vertical but not horizontal. float:left; width:1000px; overflow-y: auto; height: 100px; If you … Read more
These two CSS properties can be used to hide the scrollbars: overflow-y: hidden; // hide vertical overflow-x: hidden; // hide horizontal
I found this somewhere a couple of weeks ago. It worked for me. var div = document.getElementById(‘container_div_id’); var hasHorizontalScrollbar = div.scrollWidth > div.clientWidth; var hasVerticalScrollbar = div.scrollHeight > div.clientHeight; /* you’ll get true/false */
Use overflow: auto. Scrollbars will only appear when needed. (Sidenote, you can also specify for only the x, or y scrollbar: overflow-x: auto and overflow-y: auto).
Try to type this in layout xml file android:scrollbars=”none” Tutorial is here. http://developer.android.com/reference/android/view/View.html#attr_android:scrollbars
All the answers miss the scrollbar point of your question. And it’s a tough one. If you only need this to work for modern browsers and IE 8+ you can use table positioning, vertical-align:bottom and max-height. See MDN for specific browser compatibility. Demo (vertical-align) .wrapper { display: table-cell; vertical-align: bottom; height: 200px; } .content { … Read more
Webkit’s support for scrollbars is quite sophisticated. This CSS gives a very minimal scrollbar, with a light grey track and a darker thumb: ::-webkit-scrollbar { width: 12px; /* for vertical scrollbars */ height: 12px; /* for horizontal scrollbars */ } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); … Read more
The appearance of the scroll bars can be controlled with WebKit’s -webkit-scrollbar pseudo-elements [blog]. You can disable the default appearance and behaviour by setting -webkit-appearance [docs] to none. Because you’re removing the default style, you’ll also need to specify the style yourself or the scroll bar will never show up. The following CSS recreates the appearance of … Read more
From Alexandre Gomes Blog I have not tried it. Let me know if it works for you. function getScrollBarWidth () { var inner = document.createElement(‘p’); inner.style.width = “100%”; inner.style.height = “200px”; var outer = document.createElement(‘div’); outer.style.position = “absolute”; outer.style.top = “0px”; outer.style.left = “0px”; outer.style.visibility = “hidden”; outer.style.width = “200px”; outer.style.height = “150px”; outer.style.overflow = … Read more