固定位置的元素顶部

Question

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

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

Answer 1

使用getBoundingClientRect（），它会获得相对于视口的位置。

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

MDN Docs