Javascript 页面滚动，而不是lightbox内容

我目前正在使用lightbox样式的覆盖图来显示我在本网站上的“阅读更多”内容：

但不幸的是，我在lightbox中的内容没有滚动，而是背景中的页面滚动

---

有人能帮忙吗？

很难确认，但我想你需要在lightbox显示时禁用scrollify

上面有文件

您尤其需要：

$.scrollify.disable();

及

---

更新 在您正在使用的版本中（我不知道是否有其他版本，我以前从未使用过该库），disable（）方法上有一个bug：

未定义禁用。此变量名需要更新为

已禁用

。（手动更改之前，请检查脚本的更新。）

为了得到你想要的工作，你需要做以下几点。让我们以您的“阅读工作描述”按钮为例。您有以下用于显示和隐藏灯箱的代码：

            // 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，并在关闭灯箱时再次启用它。
是的，我也相信这是需要的，但我恐怕不知道如何实现这一点-有什么建议吗？您好@MKDesigns我已经为答案添加了一个更新，希望它能帮您排序！嗨，Darren，添加上面的内容似乎破坏了“阅读更多”按钮&现在灯箱不再被调用-有什么想法吗？@MKDesigns看起来你的整个网站现在都被破坏了！查看script.js文件的第85行。您有一个（字符不合适-$（.scrollify.disable（）；如上更新中所述，您需要更新jquery.scrollify.js文件-第511行；将变量名“disable”更改为“disabled”。如果。Ok网站再次上线，那就应该算了。非常感谢您发现了这些错误。但是“阅读更多”按钮并没有调用灯箱-有什么想法吗？
            // 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');
            });

            // 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');
            });