jquery如何找到元素的偏移量?

时间:2016-05-31 01:10:17

标签: javascript jquery offset

使用jquery偏移函数,我们可以找到元素相对于窗口的坐标.jquery如何做到这一点?

2 个答案:

答案 0 :(得分:2)

Jquery通常尝试以跨浏览器的方式运行,但它可能有助于理解一些基本选项和原则。

Element.getBoundingClientRect()返回元素的大小及其相对于浏览器视口的位置。

在相当现代的浏览器中,可以使用window.innerHeight和相关(innerWidth,outerHeight,outerWidth)属性来查询视口和窗口尺寸。

fixed position元素相对于视口的坐标可以通过解释它们相对于定位元素相对于哪个视口边界的computed style值来获得。

后退选项是将HTMLelement的offsetLeftoffsetTop值与其offsetParent链中所有HTML对象的值相加,以计算元素在呈现文档中的累积偏移量,然后调整计算值文档当前X和Y滚动位置的值。 MDN关于window.scrollX的文章给出了一个如何以跨浏览器方式计算滚动位置的示例。

这是一组文档链接,用于了解jQuery代码或任何其他库或普通javascript代码如何计算窗口位置。我没有尝试调查jQuery可能会为你悄悄解决的每个浏览器错误。

答案 1 :(得分:-1)

你可能正在寻找.offsetParent()

Offset Parent