2011-05-03 84 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