javascript - 固定定位元素顶部

Question

我有一个 position="fixed" 的 div，我需要使用 JavaScript 获取相对于浏览器窗口顶部边缘的 div 的顶部，无论页面滚动如何，我都需要 div 的顶部。

我已经尝试过 offsetTop，但它返回的是关于文档的 Top，而不是浏览器。

标签： javascriptjqueryhtml

Answer 1

使用 getBoundingClientRect()，它获取相对于视口的位置。

var el = document.querySelector('div');
var top = el.getBoundingClientRect().top;

MDN 文档