javascript - 找到 HTML 元素和浏览器(或窗口)边之间的距离

Question

如何使用 jQuery 查找 html 元素与浏览器(或窗口)一侧(左侧或顶部)之间的像素距离？

Answer 1

您可以使用 offset功能。它为您提供元素相对于文档(左，上)的位置:

var offset = $("#target").offset();
display("span is at " + offset.left + "," + offset.top + 
  " of document");

Live example在我的浏览器上，该示例表示我们的目标范围是文档的 157,47(左，上)。这是因为我对 body 元素应用了一个大的填充值，并使用了一个上面有间隔符的 span，前面有一些文本。

Here's a second example在文档顶部的绝对左侧显示一个段落，将 0,0 显示为它的位置(并且稍后还会显示一个跨度，该跨度从左侧和顶部偏移，在我的浏览器中为 129,19)。