解释 scrollTop

scrollTop 是一个 DOM 元素的属性，用于获取或设置元素的垂直滚动条距离顶部的距离。它的值表示滚动条向下滚动的像素数，也可以通过设置该值来改变滚动条的位置。

例如，我们可以使用以下代码获取浏览器窗口或某个元素的滚动条距离顶部的距离：

const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

上述代码中，`window.pageYOffset` 是获取浏览器窗口的滚动条距离顶部的距离，`document.documentElement.scrollTop` 是获取文档根元素的滚动条距离顶部的距离，`document.body.scrollTop` 是获取 body 元素的滚动条距离顶部的距离。

如果要设置滚动条的位置，可以使用以下代码：

document.documentElement.scrollTop = 100;

上述代码将文档根元素的滚动条距离顶部的距离设置为 100 像素，可以通过修改属性值来改变滚动条的位置。