如何获取相对于文档的固定位置元素的offsetTop

Question

我想找出之间的距离文件顶部的元素，这是固定的位置滚动使用香草javascript。

下面提到的代码返回相对于窗口的距离，而不是相对于文档的距离。

JS：

console.log(document.getElementsByClassName('butterfly')[0].offsetTop);

CSS：

.butterfly {
  position: fixed;
  top: 10px;
  right: 10px;
}

Answer 1

使用window.scrollY获取从文档顶部到当前位置的滚动距离。