Javascript 무한스크롤 구현

 

여기저기 찾기 + chatGPT선생님의 답변으로 구현한 무한스크롤 코드

 

window.onscroll = function() { 
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
      const toAdd = document.createElement("div");
      const box = document.getElementsByClassName('container');
      const clonedBox = box[0].cloneNode(true); // 첫 번째 card 엘리먼트를 클론합니다.
      toAdd.appendChild(clonedBox); // toAdd 내부에 클론된 card를 추가합니다.
      document.querySelector('article').appendChild(toAdd);
    }
  }

 

쉽지 않네