javascript - 从页面顶部获取项目偏移量

Question

我正在尝试获取 div 的顶部偏移量，并且我有以下在页面滚动时运行的代码:

var $elem = document.querySelector(selector);
var elemTop = $elem.offsetTop;
console.log(elemTop);

但是当我滚动时它总是打印 0 到控制台，即使该元素在首屏之下也是如此。

Answer 1

var elmTop = $elem.getBoundingClientRect().top + window.scrollY;

element.getBoundingClientRect()给出视口(viewport)内的位置，window.scrollY 给出从视口(viewport)顶部到文档顶部的距离。