javascript - Mobile Safari 和 x-offset

标签 javascript html css mobile-safari

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

帖子有点啰嗦,而且是针对那个应用程序的,所以我会在这里问真正的问题:

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

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

最佳答案

我不太确定我是否理解你的问题,但在使用 jquery 的移动 safari(假设是 Iphone、Ipod、Ipad)上的 javascript 中,我使用以下行将 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" } );

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

关于javascript - Mobile Safari 和 x-offset,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5760310/

相关文章:

html - 当将宽度设置为 100% 时,输入文本元素流出容器元素

java - 如果使用 openid,则提供商对依赖方的响应会发生偏差

html - CSS继承不继承

javascript - AWS Amazon ami 上的 npm install -g bower 出现错误

javascript - ES6 `let` 和 `const` 是否仅在使用 babel 编译时在编译时有效?

javascript - 如何找到两条直线的相对线的交点

javascript - 如何使用CasperJS读取文件中的实时变化

html - 如何在 <a> 中垂直居中 <p>

html - 我的页脚没有响应

iphone - 响应式 img 调整大小在 iPad 上不起作用