使用 jquery 停止滚动网页答案

【问题标题】：stop scrolling of webpage with jquery使用 jquery 停止滚动网页
【发布时间】：2012-05-20 03:05:02
【问题描述】：

我在网页上使用了一个查询凹凸框插件，我正在开发，但在使用它时我仍然可以滚动离开凹凸框。我想知道是否有某种 jquery 方法可以阻止网页滚动，或者只是以与用户滚动相同的距离以相反的方式滚动。

【问题讨论】：

【解决方案1】：

没有发布代码很难具体说明，但为了防止滚动，您可以执行以下操作：

$(window).on('scroll', function() {
    $(this).scrollTop(100); //sets the scrollposition to 100px
});

【讨论】：

【解决方案2】：

实现这一目标的最简单方法

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

【讨论】：

这是个好主意，但不适用于所有浏览器（Chrome、Firefox）。我发现 $("body").css("position", "static") 更有效。
@RupertRawnsley 它有效.. 我已经在我的一个网站中使用并测试过
“溢出”方法在我的真实页面上对我来说失败了，但在这个简单的页面上工作正常：jsfiddle.net/DX24z/1 所以也许我在页面上的其他地方做了一些不寻常的事情。 'position' 方法在这两种情况下都有效。另外，我的意思是说“固定”而不是“静态”，但我现在无法编辑它。