不能隱藏滾動條：汽車

Question

我有這樣的CSS：

.div { 
    background-color: red; 
    position: relative; 
    height: 414px; 
    overflow: auto; 
    width: 902px; 
    margin: 0px auto; 
} 

我overflow-y: hidden;試過，滾動條消失，但滾動不工作。希望你明白我想要什麼... 另外，我應該使用自動還是滾動？隨着汽車我也看到水平欄。

這裏的jsfiddle：http://jsfiddle.net/sp95S/
謝謝！

Answer 1

創建一個內部的div：http://jsfiddle.net/sp95S/1/

.div { 
    background-color: red; 
    position: relative; 
    height: 214px; 
    overflow: hidden; 
    width: 452px; 
    margin: 0px auto; 
} 
#inner{ 
    width: 100%; 
    overflow: auto; 
    height: 100%; 
    padding-right: 15px; 
} 

Answer 2

如果你想隱藏滾動條，但保持滾動，你可以看看一個名爲slimscroll的插件。滾動條在那裏，但它可以配置爲相當不明顯。

http://rocha.la/jQuery-slimScroll

Answer 3

好像你想擁有的頁面仍然沒有滾動滾動條顯示。

這已經在這裏找到答案了幾次不已：

• hide scrollbar while still able to scroll with mouse/keyboard
• Hiding the scrollbar on an HTML page

基本上你可以使用JavaScript（或jQuery的，雖然你不一定需要它） 。在webkit瀏覽器上，有一個隱藏滾動條的功能：

::-webkit-scrollbar { 
display: none; 
} 

但它不適用於Firefox或Internet Explorer或Opera。