Question

我之前发布过（ https://stackoverflow.com/questions/5737833/adjusting-horizontal-offset-for-an-image-gallery-in-mobile-safari）关于使用Javascript在Mobile Safari中查找视口的x偏移量，然后将其作为基于px的值应用于元素的内联CSS。 / p>

该帖子有点冗长且特定于该应用程序，所以我会在这里提出真正的问题：

有没有办法在Mobile Safari中确定视口的x偏移量，然后将其作为内联样式应用于元素？

这不仅是为了正确放置图片库叠加层，还要在整个网站中使用命名锚点。我的理解是需要一些JS技巧，因为Mobile Safari不支持确定对象（或视口）的x偏移的常用方法。

Answer 1

我不确定我是否理解你的问题，但是在javascript上使用jquery进行移动游猎（使用Iphone，Ipod，Ipad）时，我使用以下几行将div层与z-index放在一起。

var left1 = jQuery("div#Layout_Border_div").offset().left;
var top1 = jQuery("div#Layout_Border_div").offset().top;
jQuery("div#LayoutPage_Backward").
  css( { position: "absolute","left": (left1) + "px","top": (top1) + "px" } );

如果您能给我一些代码示例，我可以提供更多帮助。

Answer 2

我设法提出了一个几乎解决方案：我将marginLeft: window.pageXOffset + "px",添加到photoswipe.js中定位的包装器div的所有四个引用中。

现在，点击照片会导致照片查看器出现在视口内，如果已经滚动的话。

然而，它并不理想：我首先手动编辑photoswipe.js源码，其次，画廊实际上并没有跟随用户的滚动（因此，当用户进一步向右滚动时单击另一个图像，该库将显示在其第一个位置的位置。

这已接近修复。如何使照片库动态地跟随用户的滚动，最好不要编辑photoswipe.js源代码？

移动Safari和x-offset

2 个答案: