删除滚动条，但保留滚动功能

Removing scrollbars but leave scrolling functionality

本文关键字：滚动 功能 保留 滚动条 删除      更新时间：2024-04-30

我知道有几乎相同的问题与滚动条有关，但有一些很好的答案，不幸的是，这对我来说不起作用。我想隐藏滚动条，留下滚动功能。这是我所拥有的：

<div class="sidebar">
   		<div id="status"> </div>
	<..li items etc >		
   	</div><!-- END SIDEBAR -->

还有我的CSS，

.sidebar {
	overflow: hidden;
	height: 90%;
}
.sidebar .#status {
	overflow:scroll;
}
我的状态iddiv最初是空的，后面有一些列表项（链接），我所做的是通过ajax用li元素填充我的状态iddiv，因为其中有很多我需要滚动条功能，但由于它是我的侧边栏，我不希望出现滚动条。注意：使父div溢出：hiddent和子div滚动没有帮助。

尝试

overflow: hidden

在父对象上，然后设置

overflow-y: scroll

在容器上。这里为您举一个例子：http://jsfiddle.net/DGmUK/

您可以添加一个外部蝴蝶结来裁剪滚动条。

.outer{
width:200px;
height:200px;
overflow:hidden;
}
.scrollbox{
width:260px;
height:200px;
overflow:scroll;
}
.inner{
width:190px;    
}

http://jsfiddle.net/johanthuresson/bj6wb0xo/1/

相关文章：