Native JS --- infinite scrolling

When you scroll down , Have you ever seen those automatic “ Load more ”？ you are here Tumblr Have you seen any pictures on ？ stay Gmail I've seen news on ？ Still Facebook I saw... On ？ cool , isn't it? ？ Infinite scrolling is an alternative to paging , It's everywhere . It optimizes... According to user needs （ indirect ） User experience of loading data . You can get faster pages 、Web、 Application loading process , It only loads what you need , Instead of loading all . You don't need to add additional interactions 、 Button or widget , Because it has the normal reading behavior you are used to ： Scroll down with the mouse or scroll on the touchable screen with your finger .

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()
})