Fancybox-2在移动-防止滚动后的页面弹出

Question

经过一天的搜索，我在网上找不到同样的问题，所以我是带着两条腿的尾巴来这里的。

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

我正在为一个投资组合网站的图片库工作。使用fancybox2，在桌面版本上一切都可以正常工作，但对于移动设备(在iPhone 4上进行测试)来说，还有一个小问题。

有问题页面：点击这里

发布截图：手机屏幕截图

Current Behaviour =当用户点击缩略图以加载完整大小的图像时，该图像将正确加载在弹出窗口中，而'x‘将关闭在角落，然后用户可以手指向下滑动向下滚动页面，而弹出窗口仍然打开。其余的页面是黑暗的，而图像是‘打开’和点击其他页面将关闭图像。

当弹出式图像打开时，阻止手指滚动图像后面的页面，直到窗口关闭(通过在角落进行X操作或在弹出图像外点击)。

另外--也许手指手势应该在同一个图库中的图像之间切换--尽管这可能太复杂了(对我来说)暂时无法实现。

我正在考虑如何使用JS，所以任何婴儿级的建议都会受到感激。

感谢您的阅读。

Answer 1

我曾经遇到过这种情况&这是解决问题的关键：

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

我希望这与你的情况有关:-)