在iPhone / iPad上的灯箱内滚动

时间:2011-02-19 18:00:45

标签: drupal scroll mobile-safari lightbox

我开发了website,当点击某些图片时,它会在灯箱内显示完整的网页 - 这些页面与图像相关。页面位于灯箱内容div内的IFRAME内。

问题在于:当灯箱内的页面长度超过灯箱的高度并且在iPhone / iPad上查看该站点时,似乎无法滚动内部页面 - 滚动手势滚动最外层页面(灯箱覆盖的那个)。 Mobile Safari没有滚动条,完全取决于滚动的手势,因此内部/重叠的灯箱IFRAME似乎是不可滚动的。

这有什么解决方案吗?我是否需要特殊情况的移动浏览器并打开新的浏览器窗口或完全导航到IFRAME页面而不是使用灯箱?

这似乎是移动Safari的真正缺点!

(不是真正相关但可能有用的信息 - 该网站是基于Drupal的;灯箱是Lighbox2模块。)

1 个答案:

答案 0 :(得分:0)

虽然没有解决手机游戏中不明显内容的严重问题,但我想提一下,你通常可以用双指滚动/滑动来滚动这种内容。

至于你的情况,我会做一个移动浏览器检测并向用户显示一个新的浏览器窗口。