隐藏滚动条，但保留以原生感觉滚动的能力答案

【问题标题】：Hide the scrollbar but keep the ability to scroll with native feel隐藏滚动条，但保留以原生感觉滚动的能力
【发布时间】：2011-10-01 21:45:24
【问题描述】：

我已经搜索过这个问题的答案并遇到了 hide scrollbar while still able to scroll with mouse/keyboard 但 jQuery 插件并没有完全做我想做的事。一方面，滚动感觉有点草率和无法控制。我需要这个的原因很简单：当您展开某些项目并且滚动条出现在侧面并使所有内容向左移动时，我的页面会变长一些。我想有一种方法来避免这种情况，要么始终保持滚动条可见，要么完全隐藏它但仍保持本机滚动能力。

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

【问题讨论】：

标签： html css scrollbar hide

【解决方案1】：

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

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

【讨论】：

顺便说一句，这似乎不适用于触摸设备。至少 ipads Safari mobile 对此表示反对。
@Lobello 嗯，很有趣。不使用它的另一个原因。
@NGLN：在 Chrome/Safari 中尝试您的演示：突出显示/选择一行并将鼠标向右拖动，您将看到滚动条。或者使用 textarea 代替内部元素，然后用一些文本填充它。然后使用键盘键Page Up 和Page Down。

【解决方案2】：

这是标准的浏览器行为。

取消滚动条会降低用户友好性。

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

CSS：

body {
    overflow-y: scroll;
}

【讨论】：

我想我会去的。看起来是最合适的解决方案。

【解决方案3】：

如果您真的想禁用滚动（在框架集中，滚动最糟糕的地方），请使用 scrolling=no。

【讨论】：

【解决方案4】：

这对我有用：

    body{
        overflow:hidden;
    }

【讨论】：