灯箱打开时如何在页面上保持滑动网站?
How to keep sliding website on page while lightbox is open?
代码:http://cssdeck.com/labs/xpwki4sy
有什么方法可以在灯箱打开时将主网站保持在第二张幻灯片上吗?目前当你使用箭头键翻转灯箱中的图像时,主滑块页面会移动,使用灯箱中的箭头没有问题。
在您的 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;
代码:http://cssdeck.com/labs/xpwki4sy
有什么方法可以在灯箱打开时将主网站保持在第二张幻灯片上吗?目前当你使用箭头键翻转灯箱中的图像时,主滑块页面会移动,使用灯箱中的箭头没有问题。
在您的 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;