버츄어 스크롤링

https://jsfiddle.net/eu81273/WKJ5z/

 

Infinity Scroll 일 때 스크롤의 위치가 바닥에 일정 부분에 도달할 때 다음 데이터를 불러오는식으로 많이 개발을 했다.

 

개발을 하던 중 새로운 문제를 발견했다.

 

3페이지 15번째 글을 클릭해 상세화면을 간 뒤 다시 뒤로돌아 왔을 때 

 

3페이지 15번째 글에 포커스를 맞추고 싶었다.

 

그럴때 3페이지 1번부터 20번의 글을 가져온 후 15번째로 스크롤을 이동하는 것이였다.

 

무언가 부자연스럽고 마음에 들지 않았다.

 

그래서 찾아본게 버츄어 스크롤링이였다.

 

(3페이지 15번글)을 첫번째로 대략 한 화면에 보이는 5개의 데이터만 불러오고 사용자가 2페이지 글을 보고싶어서 스크롤을 다시 올리거나 내려도 자연스럽게 표현이 되었다.

 

 

Virtual Scrolling 한글 번역 - JSFiddle - Code Playground

 

읽어볼것