灯箱打开时如何在页面上保持滑动网站？

Question

有什么方法可以在灯箱打开时将主网站保持在第二张幻灯片上吗？目前当你使用箭头键翻转灯箱中的图像时，主滑块页面会移动，使用灯箱中的箭头没有问题。

Answer 1

在您的 JS line 1216 上，FullPage 插件根据箭头键移动页面。您希望在弹出窗口打开时避免这种情况。

当弹出窗口打开时，它会向页面添加元素，其中之一是 div 和 class .mfp-wrap。所以只有当这个元素不存在时才移动页面：

你的 JS 第 1216 行

//left
case 37:
    if(!$('.mfp-wrap').length) FP.moveSlideLeft();
    break;

//right
case 39:
    if(!$('.mfp-wrap').length) FP.moveSlideRight();
    break;

灯箱打开时如何在页面上保持滑动网站？

How to keep sliding website on page while lightbox is open?

javascript

slider

lightbox

Updated demo