鎖定父滾動，只允許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") 
});