當iframe展開時，如何禁用滾動父頁面？

Question

我正在研究某種滑塊，當用戶單擊以展開時，該滑塊會滑入。 我有它的工作，但我想在擴展時禁用主頁上的滾動。 我已經使用下面的代碼並對其進行處理，但到目前為止還沒有

 var $window = $(window), previousScrollTop = 0, scrollLock = false; $window.scroll(function(event) { if(scrollLock) { $window.scrollTop(previousScrollTop); } previousScrollTop = $window.scrollTop(); }); 

任何幫助或建議將非常有用。 我是JS的初學者

謝謝

Answer 1

當用戶展開設置了overflow：hidden的滑塊時，只需在頁面的body元素中添加一個類。

在CSS中：

body.slider-open {
  overflow:  hidden;
}

在JS中，當元素打開或關閉時：

document.body.classList.toggle('slider-open);