移动 Safari 和 x 偏移

Question

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

这篇文章有点啰嗦并且特定于该应用程序，因此我将在这里提出真正的问题：

是否有一种方法可以确定 Mobile Safari 中视口的 x 偏移，然后将其应用到元素，如下所示内联样式？

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

Answer 1

我不太确定我是否理解你的问题，但在使用 jquery 的移动 safari（假设 Iphone、Ipod、Ipad）上的 javascript 中，我使用以下行将 z-index 的 div 层彼此重叠。 <代码>

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 源代码？