激活灯箱插件时如何使用鼠标滚轮禁用背景滚动？答案

【问题标题】：How to disable background scrolling with mouse wheel while a lightbox plugin is activated?激活灯箱插件时如何使用鼠标滚轮禁用背景滚动？
【发布时间】：2015-01-30 04:40:43
【问题描述】：

我正在开发一个水平滚动网站。在它上面，我使用了 mousewheel.js 插件（允许使用鼠标滚轮进行水平滚动）和 magnific-popup 插件。

当有人通过单击照片激活放大弹出插件时，它会按原样打开照片，并且背景滚动条被禁用。

但是，由于我使用的是 mousewheel.js，背景仍然可以通过鼠标滚轮滚动。

只有在 magnific-popup 显示照片时才能禁用背景滚动？

【问题讨论】：

标签： javascript magnific-popup

【解决方案1】：

我也有类似的问题。这个决定在一定程度上帮助了我。

$('#open_button').magnificPopup({

    type: 'inline',          // Custom settings, never mind
    closeBtnInside: false,   // Custom settings, never mind
    fixedContentPos: false,  // Custom settings, never mind
    fixedBgPos: true,        // Custom settings, never mind

    callbacks: {

        open: function() {                        // When you open the
            $('body').css('overflow', 'hidden');  // window, the element
        },                                        // "body" is used "overflow: hidden".

        close: function() {                       // When the window
            $('body').css('overflow', '');        // is closed, the 
        },                                        // "overflow" gets the initial value.

    }

});

【讨论】：

您好，欢迎来到 SO。请添加 what 你做了不同的事情，以及它为什么有效。否则，此类答案通常被认为是低质量的。
下午好，德里克。对不起，但我是新来的，我不知道如何添加另一个答案。你能告诉我吗？一直在找这个解决方案，看到答案没有关闭，在其他站点找到解决方案后，决定在这里帮助别人。