我想隐藏我的div元素和我的整个滚动条body,但仍然让用户使用鼠标滚轮或箭头键滚动.如何使用原始JavaScript或jQuery实现这一目标？有任何想法吗？
如何隐藏滚动条？我想这样做是因为滚动条不好看.
overflow:hidden 没用,因为我的div元素有很多其他元素.
所以设置overflow并不能解决我的问题.
我有这个CSS:
.div {
background-color: red;
position: relative;
height: 414px;
overflow: auto;
width: 902px;
margin: 0px auto;
}
我试过overflow-y: hidden;,滚动条消失但滚动不起作用.希望你明白我的意思......另外,我应该使用自动还是滚动？有了自动,我也看到了水平条.
这是JSFiddle:http://jsfiddle.net/sp95S/
谢谢!
我已经搜索了这个问题的答案并且遇到了 隐藏滚动条,同时仍然可以使用鼠标/键盘滚动,但jQuery插件并不能完全按照我的意愿去做.首先,滚动感觉有点草率和无法控制.我之所以需要这个很简单:当你展开一些项目时,我的页面会变得更长一些,并且滚动条显示在侧面之外并使一切都向左移动.我希望有一种方法可以避免这种情况,既可以始终保持滚动条可见,也可以完全隐藏滚动条,但仍保留滚动的原生能力.
这是我的意思的一个例子:http://screencast.com/t/Roi3HJtHyH当点击长条目时内容向左移动,这个效果看起来有点难看.
可能重复:
隐藏滚动条,同时仍然可以使用鼠标/键盘滚动
我为网络应用制作了一个用户界面.它是一个侧栏,它需要让用户滚动它而不需要滚动条.内容高500px,但容器高300px.
我已经设置了容器,overflow:scroll但后来我得到滚动条(我预期).我知道我可以禁用滚动条,overflow:hidden但也禁用滚动.
有没有办法可以让它滚动但禁用滚动条？
我正在尝试构建一个没有滚动条的动态可滚动菜单.我在Stackoverflow上跟踪了示例,但仍然出现了滚动条.如何摆脱滚动条？我的代码在jsFiddle.