如何禁用滚动（溢出除外：隐藏）

Question

我需要阻止用户在我的页面上滚动。我有div屏幕定位，稍后将动画显示。我已经在使用溢出：隐藏所以没有滚动条，但你仍然可以使用鼠标滚轮来到那里。我想以某种方式拒绝。如果能够动态打开和关闭它也会很方便。使用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});
});

将元素的大小调整为正常宽度，或者从某种类型的输入中再次折叠它们（在这种情况下为按钮）。