페이스북처럼 스크롤 내리면 컨텐츠 뿌려주는거 제이쿼리로 있을까요?
영미
2023.04.01
소스나 제이쿼리로 있다면 참고해서 도전해 보고 싶습니다!!
지금 쇼핑몰 하나 준비중인데 상품들이 많아서 모바일 화면에 모두 뿌려주면 워낙에 로딩이 오래 걸리니상품을 나누어서 스크롤 내릴때마다 상품 뿌려주는걸로 해주고 싶은데 첫 시작을 어떻게 해야할까 고민입니다.
-
한지잠
서버 사이드 언어를 알고 계셔야 구현 가능합니당~
-
검사
1. 화면의 최대 길이 값을 얻어온다.
2. 현재 스크롤 값을 얻어온다.
3. 최대화면의 길이에서 현재스크롤 위치 포지션이 특정 수치가 넘으면 통신으로 일부 데이터를 얻어온다.
4. 데이터를 정상적으로 얻어오면 화면에 보여줄 엘리먼트를 생성해서 Attaching 하여 보여준다.
3번의 경우 AJAX 통신이 되겠고,
스크롤 이벤트에 따라 2-4번의 처리가 연결되야겠죠.
순서는 이러하고 실제로 페북에서도 구현했으니 불가능은 아닐겁니다~ -
달달한캔디
ajax 죠 결국 @.@