모바일 게시판 페이징 관련 질문 입니다.

안녕하세요.
모바일 웹페이지에서 특정 게시판의 페이징을 스크롤링으로 처리하는데,
스크롤을 한 4번 마지막까지 땡겨서 4페이지 데이터를 추가하고 해당 페이지의 상세 페이지에 진입 했따가 뒤로가기 했을 시 해당 데이터를 유지하면서 해당 위치로 스크롤을 위치시키려면 보통 어떤식으로 하는지 궁금합니다.

쿠키에 페이징 값과 스크롤 위치값을 저장 후 페이지 진입시마다 쿠키값 확인해서 있으면 해당 데이터만큼 조회 후 append 시키고 스크롤 이동시키는건지..

질문 | 4517명이 읽었어요. 18.97.14.83

비공개 손님 … 2020-05-08 15:07:09

https://developer.mozilla.org/ko/docs/Web/API/History/replaceState
https://developer.mozilla.org/ko/docs/Web/API/History/scrollRestoration

두개 조합하면 될 거 같읍니다.

페이징 시 replaceState로 주소를 foo.bar/poo?page=2 식으로 바꿔주고 상세로 들어갔다 나오면
page=2 값으로 해당 페이지를 다시 불러오거나 해당 페이지까지..불러오면 되겠네요

비공개 손님 … 2020-05-08 15:09:03

해쉬로 처리하면 페이지 첫번째 요소나 페이지 디바이더로 스크롤 되게 할 수 있겠고요

비공개 손님 … 2020-05-11 11:02:40

1/답변 감사합니다. 구현방법은 생각해놓았는데 방법이 맞는지에 대한 의문이 있어서요 ㅎ.. 그대로 진행해도 될 거 같네요

비공개 손님 … 2020-05-12 11:21:35

2/안녕하세요. 일단 해당 내용에 대해 구현 후 테스트 진행하는데, 만약 사용자가 스크롤을 10페이지 정도 내려서 데이터 양이 많다고 할 때, 상세 들어갔따가 뒤로가기 하면 그 데이터를 전부 로딩 후 스크롤을 이동시켜주어야 하는데 이게 딜레이가 좀 생기는거 같아서 그러는데 어떤식으로 하는게 좋을지 조언 부탁드립니다 ㅜ
스토리지에 리스트르 가지고 있을지, 아니면 스크롤링 단계별 리스트 호출 외 지정 된 페이지에 해당하는 토탈 데이터 호출용을 하나 추가로 만들어서 1번의 호출로 전부 가져오도록 할지..

비공개 손님 … 2020-05-12 12:00:49

페이지당 높이가 같다면 현재 페이지 로딩해서 보여주고 이전 페이지는 9페이지만큼 스페이스를 줬다가 역순으로 로딩하면 되지 않을까요
스크롤을 내리면 다음페이지 로드했던 거랑 비슷하게 올리면 이전 페이지 로드되게요
굳이 모든 이전 페이지를 다 가져와야 한다면 이전페이지 호출을 9번하면 낭비니까 페이지당 보여줄 아이템 수를 파라미터로 두고 한번에 받아와도 될 거 같네요
로컬스토리지는 n번페이지를 링크로 접속 시 다시 가져와야 하는 문제가 있을 거 같고요

비공개 손님 … 2020-05-12 15:21:15

https://webmasters.googleblog.com/2014/02/infinite-scroll-search-friendly.html
http://scrollsample.appspot.com/items
이거 참고해보세여

댓글을 작성하실 수 없습니다.
(권한이 없는 회원레벨)

목록으로

TOP arrow_upward