隐藏滚动条但保持以原生感觉滚动的功能

时间:2011-07-09 15:00:47

标签: html css scrollbar hide

我已经找到了这个问题的答案并且发现了 hide scrollbar while still able to scroll with mouse/keyboard但是jQuery插件并没有完全按照我的意愿去做。首先,滚动感觉有点草率和无法控制。 我需要这个的原因很简单:当你展开一些项目时,我的页面会变得更长一些,滚动条出现在侧面并使一切都向左移动。我希望有一种方法可以避免这种情况,既可以始终保持滚动条可见,也可以完全隐藏滚动条,但仍保留滚动的原生能力。

这是我的意思的一个例子:http://screencast.com/t/Roi3HJtHyH当点击长条目时,内容向左移动,这个效果看起来有点难看。

4 个答案:

答案 0 :(得分:13)

为了完整起见,回答你的问题,这里是the scrollable page without scrollbar

请注意,这不是首选,我也会强制滚动条,因为Lobello已经回答了。

答案 1 :(得分:1)

这是标准的浏览器行为。

删除滚动条会降低用户友好性。


您可以将滚动条设置为始终使用css保持可见。

CSS:

body {
    overflow-y: scroll;
}

答案 2 :(得分:0)

如果你真的想要禁用滚动(在框架集中,滚动的最差位置),那么使用scrolling = no。

答案 3 :(得分:-1)

这对我有用:

    body{
        overflow:hidden;
    }