原生js---无限滚动

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

JS

const $ol = document.querySelector('ol')

function load_more() {
  let html = ''

  for (var i = 0; i < 5; i++) html += '<li></li>'
  $ol.innerHTML += html
}

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