使用 JavaScript 獲取和設置元素的滾動位置

要獲取或設置 HTML 元素的滾動位置，可以使用 scrollLeft 和 scrollTop 屬性。

scrollLeft 屬性設置或返回元素內容允許水平滾動的像素數。

同樣，scrollTop 屬性設置或返回元素內容垂直滾動的像素數。

這兩個屬性都相對於元素的左上角，默認為 (0, 0) .

下面的例子展示瞭如何使用 .wrapper 類獲取 HTML 元素的滾動位置 ：

const div = document.querySelector('.wrapper');

const x = div.scrollLeft;
const y = div.scrollTop;

重置 .wrapper 的滾動位置 元素，可以使用如下代碼：

const div = document.querySelector('.wrapper');

div.scrollLeft = 150;
div.scrollTop = 150;