Javascript 移动Safari和x-offset

Javascript 移动Safari和x-offset,javascript,html,css,mobile-safari,Javascript,Html,Css,Mobile Safari,我之前发布了()关于使用Javascript在Mobile Safari中查找视口的x偏移量,然后将其作为基于px的值应用于元素的内联CSS 这篇文章有点冗长,而且是针对那个应用程序的,所以我在这里要问一个真正的问题: 是否有办法在Mobile Safari中确定视口的x偏移,然后将其作为内联样式应用于元素? 这将是必要的,不仅是为了正确地放置图像库覆盖,还为了在整个站点中使用命名锚。据我所知,需要一些JS技巧,因为Mobile Safari不支持确定对象(或视口)x偏移的常用方法。我不确定是否

我之前发布了()关于使用Javascript在Mobile Safari中查找视口的x偏移量,然后将其作为基于px的值应用于元素的内联CSS

这篇文章有点冗长,而且是针对那个应用程序的,所以我在这里要问一个真正的问题:

是否有办法在Mobile Safari中确定视口的x偏移,然后将其作为内联样式应用于元素?


这将是必要的,不仅是为了正确地放置图像库覆盖,还为了在整个站点中使用命名锚。据我所知,需要一些JS技巧,因为Mobile Safari不支持确定对象(或视口)x偏移的常用方法。

我不确定是否理解您的问题,但在Mobile Safari上使用javascript(如Iphone、Ipod、Ipad)使用jquery,我使用以下几行来定位z索引位于彼此顶部的div层
var left1=jQuery(“div#Layout_Border_div”).offset().left;
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" } );
var top1=jQuery(“div#Layout_Border_div”).offset().top; jQuery(“div#LayoutPage _Backward”)。 css({position:“absolute”,“left:(left1)+“px”,“top:(top1)+“px”})


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

我设法想出了一个几乎可以解决问题的解决方案:我将
marginLeft:window.pageXOffset+“px”,
添加到photosweep.js中定位的包装器div的所有四个引用中

因此,现在,单击照片会导致照片查看器出现在视口中(如果它已被滚动)

然而,这并不理想:我正在手动编辑Photoswip.js源代码,首先,其次,图库实际上并不跟随用户的滚动(因此,当用户向右滚动并单击另一个图像时,图库显示在其第一个位置)


这已接近修复。如何使照片库动态跟踪用户的滚动,最好不编辑Photoswip.js源代码

您可以在此处看到粗略的模型:。我的问题不是堆叠顺序(z索引);我的问题是,它是一个水平滚动的站点,带有类似lightbox的脚本。不滚动,灯箱显示良好;但如果向右滚动,然后激活lightbox,它会附着在文档的左侧(而不是视口)。这很好,在垂直位置,但不是水平位置。我试图使lightbox与视口保持一致,而不是与文档保持一致。在iOS设备/模拟器上尝试,因为它不是为桌面构建的。有道理?