使用 vanilla JavaScript 向下滚动所有（垂直）可滚动条

Question

在最新的 Chrome 中，我想自动向下滚动网页中的所有可滚动项目列表。
而是向下滚动 滚动项目容器 内的 滚动项目 直到 最下方的提示 以显示更多项目（并在每个可滚动列表中重复此操作以暴露其中的所有项目），我想运行一个普通的 JavaScript 函数来最大程度地向下滚动所有内容，直到 最下方的提示。

在我看来应该考虑以下方法：

1) window.scrollBy(0,500);
2) window.scrollTo(0,document.body.scrollHeight);
3) element.scrollIntoView();

我试过了：

const [...elements] = document.getElementsByTagName("*");
elements.forEach((element) => {
    element.scrollTo(0,document.body.scrollHeight)
});

未定义

和：

const [...elements] = document.getElementsByTagName("*");
elements.forEach((element) => {
    element.scrollIntoView();
});

未定义

如何使用原生 JavaScript 循环遍历所有（垂直）可滚动条并自动且最大程度地向下滚动所有这些条？

Answer 1

你已经很接近了。

您只需要使用每个元素的 scrollHeight 而不是总是使用正文。

const [...elements] = document.getElementsByTagName("*");
elements.forEach((element) => {
    element.scrollTo(0,element.scrollHeight)
});