2011-05-03 102 views
6

我有以下css但滾動條是可見的。我怎樣才能讓他們看不見(滾動div沒有滾動條)?如何滾動div而不顯示滾動條?

.myDiv 
{ 
    height:300px; 
    overflow: scroll; 

} 
+0

如果禁用滾動條,則需要其他可滾動的東西,否則不會滾動。 – robx 2011-05-03 16:18:03

+0

幾乎相同的問題:http://stackoverflow.com/questions/5820304 – user123444555621 2011-05-03 16:27:38

回答

9
.myDiv { 
    width: 200px; 
    height:300px; 
    overflow: scroll; 
} 

.wrapper { 
    width: 183px; 
    height: 283px; 
    overflow: hidden; 
    border: 1px solid black; 
} 


<div class="wrapper"> 
    <div class="myDiv"> 
    floating div content... 
    </div> 
</div> 

這可能會實現 - 基本上你身邊把你想要的一個小格和隱藏滾動條。

+0

在Chrome/Safari中嘗試您的演示:突出顯示/選擇一條線並將鼠標拖到右側,您將看到滾動條。或者使用textarea而不是內部div,然後用一些文本填充它。然後使用鍵盤鍵Page Up和Page Down。 – Mori 2012-12-06 16:22:09

+1

我喜歡它。稍微調整了js-fiddle中的示例:http://jsfiddle.net/nCvMc/可以很好地與滾動的鼠標或箭頭鍵配合使用。 – cboettig 2013-07-31 23:12:22