간단! jQuery로 무한 스크롤로 요소 추가 구현

// $('.example')のところにjQueryオブジェクトを入れる。
infinityScroll($('.example'));

// 無限スクロールで
// eは、jqueryオブジェクト。
function infinityScroll(e){
    e.scroll(function() { // eがスクロールしたとき実行
    var maxrange = e[0].scrollHeight; // 1.eの高さ
    var range = e.scrollTop()+ e[0].offsetHeight; // 2.全スクロールの量の数値
    if(range == maxrange){ // 1と2が同じの時、このDOM要素を最後に追加。
        e.append($(`<span>example</span>`)); } }); }

// 画面の一番下についたときtrue
element.scrollHeight - element.scrollTop == element.clientHeight

// 画面の一番下についたときtrue
html.scrollHeight - html.scrollTop == html.clientHeight