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

时间:2015-02-25 08:14:19

标签: javascript html css

我知道有几个相同的问题与滚动条有一些好的答案,不幸的是,这对我不起作用。我想隐藏滚动条,留下滚动功能。这就是我所拥有的:



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

我的CSS,

&#13;
&#13;
.sidebar {
	overflow: hidden;
	height: 90%;
}
.sidebar .#status {
	overflow:scroll;
}
&#13;
&#13;
&#13; 我的状态id div最初是空的,我之后有一些列表项(链接),我正在做的是我的状态id div通过ajax填充li元素,因为有很多我需要滚动条功能,但由于我的侧边栏位于左侧,我不希望出现滚动条。 注意:让父div溢出:hiddent和child one滚动没有帮助。

2 个答案:

答案 0 :(得分:0)

尝试

overflow: hidden
在父级上

,然后设置

overflow-y: scroll

在容器上。这里有一个例子:http://jsfiddle.net/DGmUK/

答案 1 :(得分:0)

您可以添加一个用于关闭滚动条的外弓。

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

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