如何在iframe扩展时禁用滚动父页面？

Question

我正在处理某种滑块，当用户点击展开时滑块会滑入。我有它的工作，但我想在我扩展时禁用主页面上的滚动。我已经使用了下面的代码，并使用它，但到目前为止还没有。

var $window = $(window), previousScrollTop = 0, scrollLock = false;

$window.scroll(function(event) {     
    if(scrollLock) {
        $window.scrollTop(previousScrollTop); 
    }

    previousScrollTop = $window.scrollTop();

});

任何帮助或建议都非常有用。我是JS的初学者

谢谢

Answer 1

当用户展开设置溢出的滑块时，只需在页面的body元素中添加一个类：hidden。

在CSS中：

body.slider-open {
  overflow:  hidden;
}

在元素打开或关闭时的JS中：

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