Javascript 阻止网页滚动

我正在寻找一种方法来防止我的网页滚动。

---

我正在寻找基于JavaScript或jQuery事件的解决方案。

您可以通过将

溢出

css属性设置为隐藏在页面

正文

元素中来禁用滚动，如下所示：

body {
    overflow: hidden;
}

如果要从jquery执行此操作，可以执行以下等效操作：

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

---

您可以通过在页面

body

元素中将

overflow

css属性设置为隐藏来禁用滚动，如下所示：

body {
    overflow: hidden;
}

如果要从jquery执行此操作，可以执行以下等效操作：

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

---

您还可以使用css固定定位和相对于视口的定位。

您还可以使用css固定定位和相对于视口的定位。

具体取决于您要实现的目标，您可以将所有内容放在一个div中，例如#包装器，并使用一些css：

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

---

根据您想要实现的具体目标，您可以将所有内容放在一个div中，比如#wrapper，并使用一些CSS：

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

---

当我使用属性溢出时，我无法单击页面的元素。当我使用属性溢出时，我无法单击页面的元素。这是我想做的示例：这是我想做的示例：这是我想做的示例：community.saucony.com/kinvara3这是我想做的示例：community.saucony.com/kinvara3