CSS / JavaScript：如何隐藏垂直滚动条？

Question

我正在尝试使用jQuery来处理滚动，所以我想摆脱浏览器的滚动条...我该怎么做？

Answer 1

与css一起，你可以做到这一点 - ＆gt;如果页面大于浏览器屏幕（除非您使用键盘箭头），否则您将无法再向下滚动<{1}}

Answer 2

使用CSS：overflow:hidden;将禁用元素的滚动条。

不确定它是否适用于整个页面（即身体级别），但您始终可以将内容包装在div和样式中。

Answer 3

使用jQuery阻止浏览器滚动条的方法是保持文档高度低于窗口高度。这意味着你需要一个包装div并确保你的内容永远不会超过窗口高度。

$(document).height();
$(window).height();

不确定你想要完成什么。

正如其他人建议您可以使用CSS属性

body{
   overflow: hidden;
}

需要提供实际用例以找出哪种方式最佳。

Answer 4

为了更好地控制显示和隐藏哪个滚动条，您还可以使用overflow-x和overflow-y。浏览器支持有点棘手。您可以使用this testcase进行检查，如果有解决方案，只能在您的情况下摆脱垂直滚动条。