我正在一个网站上工作,我使用slimBox2插件(类似于灯箱)为
jquery生成照片放大.
该插件适用于我尝试的每个浏览器,除了iPhone上的Safari.它在Safari for Windows上运行正常,但在iphone上有两个问题：
>页面其余部分的变暗只发生在页面顶部,关于视口的高度(假设页面顶部400px),下面的所有内容保持不变.
>较大的图像本身正好位于页面的中间,而不是视口的中间.
我已经在这里读过,因为jquery应该可以在iphone上运行得很好但是由于定位和淡化似乎是基本的jquery功能,我想这可能不完全正确.它当然也可以是插件……
所以我的问题是：jquery真的在iphone上工作,如果不是,有人知道如何让它工作吗？
非常感谢！
解决方法
我知道这已经超过一年半了,但是如果这有助于其他任何人：
我的猜测是这可能是你的插件使用位置的问题：固定到创建叠加(你提到的“页面变暗”)以及更大图像本身的容器.网站搜索位置：在Mobile Safari上修复,将为您提供更多关于此主题的进一步阅读！
似乎因为Mobile Safari认为“视口”是整个页面而不仅仅是可见部分,所以position：fixed往往不能像我们期望的那样工作.我和另一个jQuery插件有同样的问题,它为我创建了一个“模态”窗口,其症状与你描述的非常相似.
我目前正试图解决这个问题：(A)消除位置：固定并更改为位置：绝对,而(B)根据主体的整个高度和窗口的“scrollTop”jquery属性手动设置高度和“顶部”.我认为一些好的旧浏览器嗅探可能在这里有所帮助,因为到目前为止这个“hack”只是这个浏览器真正需要的.
