목록2023/07/08 (2)
min
오늘은 무한 스크롤을 구현하면서 확대를 했을 때 무한 스크롤이 구현되지 않은 이유와 대책에 대해서 설명을 하려고 한다. 1. 확대를 했을때 왜 무한 스크롤이 작동하지 않은 거지?.. 확대를 했을 때 무한 스크롤이 구현되지 않은 가장 핵심적인 이유는 clientHeight때문에 그렇다. 내가 확대 , 축소를 해도 document의 height는 변함이 없다. 하지만 내가 확대 축소를 할 때 clientHeight는 변함이 있다. 즉 확대를 했을때 clientHeight는 기존의 100%보다 훨씬 작아졌을 것이고 이는 결국엔 스크롤의 맨 하단과 document의 가장 하단 사이의 임의의 빈 공간이 생기게 된다. 이는 결국 어떻게든 밑으로 내려도 그 공백을 채울 수 없으며 결국엔 스크롤의 가장 하단을 찾지 못..
오늘은 팀원들과 함께 인피니티 스크롤을 구현하는 시간을 가졌다. 그래서 인피니티 스크롤을 어떻게 구현할 수 있을지 조사를 하면서 얻은 정보가 있다. 그래서 오늘은 이 정보에 대해서 같이 공유를 하는 시간을 가질까 한다. 1. scrollHeight, scrollTop , clientHeight 넌 도대체 머니??.. scrollHeight는 말그대로 scroll 높이 이다. 여기서 중요한 것은 누구의 높이 즉 주어가 누구냐 이다. 내가 이번 로직을 작성할 때는 document가 그 주소가 되었다. 이렇게 scrollTop , clientHeight 모두 document의 Height다. 그렇다면 이를 가지고 어떻게 인피니티 스크롤을 구현할까? 이를 알려면 먼저 인피니티 스크롤이 무엇인지 부터 알아야 한다..