页面滚动而不是灯箱内容

Question

我目前正在为我在本网站上的 'Read More' 内容使用灯箱样式叠加层：

但不幸的是，我在灯箱中的内容不滚动，而是后台页面滚动。

有人可以帮忙吗？

Answer 1

很难确认，但我想您需要在显示灯箱时禁用 scrollify。

特别是你会想要：

$.scrollify.disable();

和

$.scrollify.enable();

更新

你用的版本（不知道有没有其他版本，我没用过这个库）disable()方法有bug：

$.scrollify.disable = function() {
    disable = true;
};

disable 未定义。此变量名称需要更新为 disabled。（在手动更改之前检查脚本的更新。）

要获得您想要的效果，您需要执行以下操作。让我们以您的 "READ JOB DESCRIPTION" 按钮为例。您有以下用于显示和隐藏灯箱的代码：

            // SERVICES 2 - OVERLAY - SHOW
            $( "#srvcs2" ).click(function() {
                $( "#services2-overlay" ).removeClass('animated fadeOutDown').css('left', '0').addClass('animated fadeInUp');
                $( "#services2-overlay .container" ).css('opacity', '0').addClass('animated fadeInUp');
            });

            // SERVICES 2 - OVERLAY - HIDE
            $( "#services2-overlay-close" ).click(function() {
                $( "#services2-overlay" ).removeClass('animated fadeInUp').addClass('animated fadeOutDown');
                $( "#services2-overlay .container" ).removeClass('animated fadeInUp');
            });

您需要在此处（以及所有其他处理程序）添加 scrollify 启用和禁用代码，如下所示：

            // SERVICES 2 - OVERLAY - SHOW
            $( "#srvcs2" ).click(function() {
                $.scrollify.disable();
                $( "#services2-overlay" ).removeClass('animated fadeOutDown').css('left', '0').addClass('animated fadeInUp');
                $( "#services2-overlay .container" ).css('opacity', '0').addClass('animated fadeInUp');
            });

            // SERVICES 2 - OVERLAY - HIDE
            $( "#services2-overlay-close" ).click(function() {
                $.scrollify.enable();
                $( "#services2-overlay" ).removeClass('animated fadeInUp').addClass('animated fadeOutDown');
                $( "#services2-overlay .container" ).removeClass('animated fadeInUp');
            });

注意添加 $.scrollify.disable(); 和 $.scrollify.enable();

这将在灯箱打开时禁用 scrollify，并在您关闭灯箱时再次启用它。

页面滚动而不是灯箱内容

Page scrolls rather than lightbox content

javascript

jquery

html

css

lightbox

更新