使所有网格子项在 JavaScript 中可见

Question

我有一个带有网格项的网站，当页面滚动时，该网格项会显示隐藏的子项（即向下滚动并查看更多图像）。

我试图抓取与每个图像相关的文本（视频视图）并将其放入数组中。 这对于屏幕上当前的图像效果很好，但对于隐藏的图像则不起作用。

例如，

const allVideoCountEl = Array.from(document.querySelectorAll(".DivItemContainerV2 .video-count"));

var a = [];
allVideoCountEl.forEach(videoCountEl => {
  a.push(videoCountEl.innerText);
})

会告诉我有 70 个项目，但如果我实际上滚动到页面底部，就会有 690 个项目。

如何修改它以获取所有 690 个项目，而无需手动向下滚动页面？

Answer 1

最终不是隐藏网格元素，而是无限滚动。 解决方案是滚动到底部，等待几秒钟然后再次滚动：

window.scroll(0, 10000000);

setTimeout(() => {
  window.scroll(0, 10000000);
}, 3000);

setTimeout(() => {
  window.scroll(0, 10000000);
}, 5000);