移动Safari和x-offset

时间:2011-04-22 21:36:20

标签: javascript html css mobile-safari

我之前发布过( 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偏移的常用方法。

2 个答案:

答案 0 :(得分:0)

我不确定我是否理解你的问题,但是在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" } );

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

答案 1 :(得分:0)

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

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

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

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