使用Javascript显示页面上的所有项目而不滚动

时间:2016-07-05 20:18:51

标签: javascript html css

我正在尝试访问网页的底部,以便在运行脚本以查找特定项目之前,所有项目都在页面上。但是,我必须向下滚动至少5次以允许加载更多项目。有没有办法让所有项目立即加载,以便我不需要滚动?

3 个答案:

答案 0 :(得分:1)

要回答您的问题,您可以将其添加到您的脚本中并在循环中调用它以继续滚动,直到找到您的项目:

window.scrollTo(0, document.body.scrollHeight);点击此处Scroll Automatically to the Bottom of the Page

您还可以尝试查看Chrome控制台(或其他开发者控制台)中的“网络”标签,查看是否有可以尝试访问的API。

答案 1 :(得分:1)

您可以像这样使用DOMSubtreeModified事件:

HTML:

<div id='container'></div>

的javascript:

document.getElementById('container').addEventListener('DOMSubtreeModified', function () {
  window.scrollTo(0, document.body.scrollHeight);
}, false);

假设您的商品已动态添加到ID = container。

的div中

注意:这不会赢得选美比赛。

答案 2 :(得分:0)

如果您使用 JavaScript,请使用async属性。

<script async>
//This will load the script after HTML body has been loaded.
</script>

对于jQuery,您可以使用async$(document).ready(function() { });

这样您就可以先装载文档正文。