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