如何在JavaScript中获得一个元素的滚动位置

33 阅读1分钟

当你在浏览器中构建用户界面时,你可能会有一个可以滚动的元素,而了解它当前的水平和垂直滚动情况是一种常见的需求。

你怎么能做到这一点呢?

一旦你有了这个元素,你可以检查它的scrollLeftscrollTop 属性。

0, 0 的位置总是在左上角,所以任何滚动都是相对于它的。

例子。

const container = document.querySelector('. container')
container.scrollTop
container.scrollLeft

这些属性是读/写的,所以你也可以设置滚动位置。

const container = document.querySelector('. container')
container.scrollTop = 1000
container.scrollLeft = 1000