移动设备上的Fancybox-2 - 阻止弹出窗口滚动页面

时间:2013-12-02 17:35:54

标签: jquery ios css mobile fancybox-2

经过一天的搜索后,我无法在网上找到同样的问题,所以我在这里做了一个尾巴。

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

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

有问题的页面:CLICK HERE

问题截图:SCREENSHOT OF ISSUE ON MOBILE

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

所需行为= 当弹出图像打开时,手指滚动图像后面的页面会被阻止,直到窗口关闭(通过在角落中进行X-ing或在弹出窗口外部轻敲)图片)。

除了 - 也许手指手势应该在同一个图库中的图像之间切换 - 尽管现在这可能太复杂了(对我而言)。

我正在研究如何使用JS,所以任何婴儿步骤的建议都会得到感谢。

感谢您的阅读。

1 个答案:

答案 0 :(得分:4)

我曾遇到过这一次&这些是解决问题的方法:

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

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