[JS] JQuery 를 사용한 무한 스크롤 (Infinite Scroll) 예제


f

Link: CodePen

생각보다 많이 간단하다

이런식으로 윈도우의 스크롤을 감지해서 맨 아래에 닿는다면 html 을 append 하는 방식이다.

만약 JQuery 를 쓰지 않고 Pure JavaScript 를 사용하는 경우

위와 같이 스크롤을 감지하면 된다.

 


추가:

 

가장 처음, 표시한 내용에 비하여 화면이 커서 스크롤바가 생기지 않았을 수도있다.

그런 경우엔 스크롤바가있는지 없는지 감지해서 내용을 추가하도록한다.