经过一天的搜索后,我无法在网上找到同样的问题,所以我在这里做了一个尾巴。
不确定哪个代码与此问题相关 - 可以提供 - 否则请参阅下面的链接
我正在为投资组合网站的图片库工作。使用fancybox2,一切都在桌面版本上正常工作,但移动设备存在一个小问题(在iPhone 4上进行测试)。
有问题的页面:CLICK HERE
问题截图:SCREENSHOT OF ISSUE ON MOBILE
当前行为= 当用户点按缩略图以加载完整尺寸的图片时,图片会在弹出窗口中正确加载,并在角落中关闭“x”然后,用户可以用手指向下滑动以向下滚动页面,同时弹出窗口仍然打开。当图像“打开”时,页面的其余部分变暗,在其他地方点击页面将关闭图像。
所需行为= 当弹出图像打开时,手指滚动图像后面的页面会被阻止,直到窗口关闭(通过在角落中进行X-ing或在弹出窗口外部轻敲)图片)。
除了 - 也许手指手势应该在同一个图库中的图像之间切换 - 尽管现在这可能太复杂了(对我而言)。我正在研究如何使用JS,所以任何婴儿步骤的建议都会得到感谢。
感谢您的阅读。
答案 0 :(得分:4)
我曾遇到过这一次&这些是解决问题的方法:
FancyboxOptions({
scrolling : 'hidden',
helpers: {
overlay: {
locked: true
}
});
我希望这与你的情况有关: - )