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

Question

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

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

Answer 1

在JS的line 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