如何使用jQuery查找元素的绝对位置?

2020/09/28 20:21 · javascript ·  · 0评论

有没有一种方法可以使用jQuery查找元素的绝对位置,即相对于窗口的开始位置?

.offset() 将作为简单对象返回元素的偏移位置,例如:

var position = $(element).offset(); // position = { left: 42, top: 567 }

您可以使用此返回值将其他元素放置在同一位置:

$(anotherElement).css(position)

请注意,它$(element).offset()告诉您元素相对于文档的位置在大多数情况下,这种方法效果很好,但是在某些情况下,position:fixed您可能会得到意想不到的结果。

如果文档的长度大于视口,并且已向文档底部垂直滚动,则position:fixed元素的offset()将比预期值大滚动量。

如果要查找相对于视口(窗口)的值,而不是position:fixed元素上的文档,则可以scrollTop()从固定元素的offset().top值中减去文档值。例:$("#el").offset().top - $(document).scrollTop()

如果position:fixed元素的偏移父级是document,则您要阅读parseInt($.css('top'))

本文地址:http://javascript.askforanswer.com/ruheshiyongjquerychazhaoyuansudejueduiweizhi.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!