javascript - 获取容器中的滚动位置

Question

我正在尝试制作一个动画 svg，我需要知道我的 div 上的滚动位置，在我从 w3schools 复制之前我已经有一些代码了

问题是我希望滚动在进入我的 div 元素时开始计数，这是我所做的代码:

var scrollpercent =
 (document.body.scrollTop + document.documentElement.scrollTop) / 
 (document.documentElement.scrollHeight - document.documentElement.clientHeight);


 console.log($(".svg-container").scrollTop())

尝试了svg-container.scrollTop()但它总是给我0

Answer 1

获取滚动位置有时会令人沮丧。如果您需要知道某个元素在屏幕上的位置，可以使用 element.getBoundingClientRect()。

https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

// rect is a DOMRect object with eight properties: left, top, right, bottom, x, y, width, height
var rect = $(".svg-container")[0].getBoundingClientRect();