使用香草JavaScript向下滚动所有(垂直)可滚动条

时间:2019-07-10 23:20:06

标签: javascript html loops

在最新的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循环浏览所有(垂直)可滚动条,并一次自动最大地向下滚动所有滚动条?

1 个答案:

答案 0 :(得分:1)

您非常接近。

您只需要使用每个元素的function addVehicle(input) { // disambiguate the input type } function updateVehicle(input) { // dismabiguate the input type, preferably in its own refactor function so // it can be used above too! } const resolvers = { Mutation: { addBoat: (parent, boatInput) => { return addVehicle(boatInput) }, addCar: (parent, carInput) => { return addVehicle(carInput) }, updateBoat: (parent, boatInput) => { return updateVehicle(boatInput) }, updateCar: (parent, carInput) => { return updateVehicle(carInput) }, } } ,而不是始终使用正文的元素。

scrollHeight