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

Question

代码:http://cssdeck.com/labs/xpwki4sy

当灯箱打开时，有没有办法让主网站保持在第二张幻灯片上？目前，当您使用箭头键在灯箱中翻转图像时，主 slider 页面会移动，使用灯箱内的箭头没有问题。

Answer 1

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

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

你的 JS 第 1216 行

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

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

Updated demo