javascript 如何禁用背景滚动与鼠标滚轮,而lightbox插件是激活?

xzabzqsa  于 2022-12-25  发布在  Java
关注(0)|答案(2)|浏览(145)

我正在做一个水平滚动的网站,我使用了mousewheel.js插件(允许水平滚动鼠标滚轮)和magna-popup插件。
当有人点击一张照片激活magnifl-popup插件时,它会打开照片,背景滚动条会被禁用。
但是,因为我使用的是mousewheel.js,所以背景仍然可以用鼠标滚轮滚动。
怎么可能禁用背景滚动只有当华丽弹出显示一张照片?

f8rj6qna

f8rj6qna1#

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

$('#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.

    }

});
vlju58qv

vlju58qv2#

fixedContentPos: true,
overflowY: 'hidden',

这应该行得通!

相关问题