如何在JavaScript中获取元素的滚动位置

在浏览器中构建用户界面时,可能会有一个可以滚动的元素,通常需要知道它当前具有的水平和垂直滚动。

你该怎么做?

拥有元素后,您可以检查其scrollLeftscrollTop特性。

0, 0位置始终位于左上角,因此任何滚动都相对于该位置。

例子:

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

这些属性是读/写的,因此您也可以滚动位置:

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

免费下载我的JavaScript初学者手册


更多浏览器教程: