javascript - 如何禁用滚动（除了溢出：隐藏）

Question

我需要阻止用户在我的页面上滚动。我将 div 定位在屏幕外，稍后将动画显示。我已经在使用overflow:hidden，所以没有滚动条，但你仍然可以使用鼠标滚轮到达那里。我想以某种方式关闭它。如果它能够动态打开和关闭也将很方便。使用 if 语句，我可以在必要时重新启用滚动。
提前致谢。

Answer 1

如果您稍后要制作动画，为什么不在文档的准备步骤中触发一些设置动画呢？这将最小化元素大小并防止它溢出边界。

$(document).ready(function() {  
    $("#isCausingScrolling").animate({width: "toggle"},{duration:2000});    
});

width: "toggle"导致元素从 x 宽度折叠到 0，反之亦然；持续时间只是您希望动画以毫秒为单位的时间。

$("#Button1").on("click", function(){
    $("#isCausingScrolling").animate({width: "toggle"},{duration:2000});
});

将元素的大小恢复到正常宽度或从某种类型的输入（在本例中为按钮）再次折叠它们。