jquery - 移动设备上的 Fancybox-2 - 防止在弹出窗口后面滚动页面

Question

在网上找了一天多也没有找到同样的问题，所以我夹着尾部来了。

不确定什么代码与此问题相关 - 可以提供 - 否则请参阅下面的链接

我正在为投资组合网站制作图片库。使用 fancybox2，一切都在桌面版本上按预期工作，但移动设备存在一个小问题(在 iPhone 4 上测试)。

有问题的页面:CLICK HERE

问题截图:SCREENSHOT OF ISSUE ON MOBILE

当前行为 = 当用户点击缩略图加载全尺寸图像时，图像会在弹出窗口中正确加载， Angular 落处的“x”会关闭，然后用户可以用手指向下滑动以向下滚动页面，同时弹出窗口仍处于打开状态。页面的其余部分变暗，而图像处于“打开”状态，点击页面其他地方将关闭图像。

Desired Behavior = 当弹出图像打开时，手指滚动图像后面的页面会被阻止，直到窗口关闭(通过在 Angular 落里按 X 键或在弹出窗口外点击)图片)。

旁白 - 也许手指手势应该在同一个画廊中的图像之间切换 - 尽管这可能太复杂(对我来说)现在无法实现。

我正在研究如何使用 JS，因此我们将感激地收到任何婴儿步骤建议。

感谢阅读。

Answer 1

我遇到过一次，这些是解决问题的行:

   FancyboxOptions({
      scrolling   : 'hidden',
      helpers: {
         overlay: {
            locked: true 
         }
      });

我希望它与您的情况有关:-)