javascript - Stop a web page from scrolling

Question

I am looking for a way to keep my web pages from scrolling. I am looking for solution based on JavaScript or jQuery events.

Answer 1

您可以通过在页面元素overflow中将 css 属性设置为隐藏来禁用滚动，如下所示：body

body {
    overflow: hidden;
}

如果您想从 jquery 执行此操作，您可以执行等效操作：

$('body').css('overflow','hidden');

Answer 2

您还可以使用 css 固定定位并相对于视口定位事物。

Answer 3

取决于您要达到的目标，您可以将所有内容放在一个 div 中，例如#wrapper，并使用一些 CSS：

#wrapper {
width: 950px;
margin: 0 auto;
height: 550px;
overflow: hidden;
}