javascript - 禁用滚动功能

Question

我的页面上有一个灯箱。我想在灯箱打开时禁用以下功能，并在灯箱关闭时再次启用它。

函数代码如下:

$.fn.fullpage.setMouseWheelScrolling = function (value){
        if(value){
            addMouseWheelHandler();
        }else{
            removeMouseWheelHandler();
        }
};

灯箱的 HTML:

<div>
    <a class="example_open" href="#example">View Popup</a>
</div> 
<div id="example" class="popup"> 
    <div class="content">abc</div> 
    <button class="example_close"></button> 
</div> 

我正在使用 this plugin for the light box

如何根据灯箱是否可见来禁用/启用该功能？

Answer 1

如果你的意思是禁用整个页面的滚动，那么试试这个:

$('html, body').css({
    'overflow': 'hidden',
    'height': '100%'
})

为了恢复到默认状态:

$('html, body').css({
    'overflow': 'auto',
    'height': 'auto'
})

Check JSFiddle Demo