原生js---无限滚动

原生js---无限滚动

向下滚动时，您是否见过那些自动“加载更多”？你在 Tumblr 上看到过图片吗？在 Gmail 上看到过消息？还是在 Facebook 上看到过？酷，不是吗？无限滚动是分页的替代品，它无处不在。它优化了根据用户需要（间接）加载数据的用户体验。您可以获得更快的页面、Web、应用程序加载过程，它只加载您需要的内容，而不是全部加载。您不需要添加额外的交互、按钮或小部件，因为它具有您习惯的正常阅读行为：用鼠标向下滚动或用手指在可触摸的屏幕上滚动。

JS

const $ol = document.querySelector('ol')function load_more() { let html = '' for (var i = 0; i < 5; i++) html += '

' $ol.innerHTML += html}$ol.addEventListener('scroll', function() { if ($ol.scrollHeight — $ol.scrollTop == $ol.clientHeight) load_more()})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。