锁定父滚动，只允许div滚动

Question

我已经创建了一个弹出的div在主页面上弹出。它是position:fixed;和overflow:scroll;。

问题是，除非用户将鼠标放置在该div上，否则触摸鼠标或滚轮时的滚动功能会滚动父窗口 - 不是div。这同样适用于触控板。

有没有办法锁定父窗口的滚动，并将div设置为滚动通过jQuery？我发现了很多关于相反的文章 - 希望看到div滚动并使用父项的人。

任何帮助将不胜感激。

Answer 1

如果你想使用jquery，这里就是你可以在人体的溢出设置为隐藏，只要在弹出的发生和撤消的方式，只要在弹出的消失：

CSS：

body.popup-open { 
    overflow: hidden; 
} 

和jQuery ：

$("#popup").on("show", function() { 
    $("body").addClass("popup-open"); 
}).on("hidden", function() { 
    $("body").removeClass("popup-open") 
});