묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Infinite scroll XE에서 구현하기
2015.04.17 22:29
http://www.sitepoint.com/jquery-infinite-scrolling-demos/
위 데모를 그대로 XE에 적용하고 싶은데, 게시판을 예로들어, 한 게시글씩 불러오고 싶으면 어떻게 수정하면 좋을까요?
도움주실 수 있으신분.
댓글 2
-
닉이
2015.04.18 03:08
-
XESTUDIO
2015.04.18 09:13
홈페이지 들어가보았는데, 제가 구현하려고 하는 인피니티스크롤 그대로네요.
혹시 직접 제작하신건가요?
// infinitescroll() is called on the element that surrounds // the items you will be loading more of $('#content').infinitescroll({ navSelector : "div.navigation", // selector for the paged navigation (it will be hidden) nextSelector : "div.navigation a:first", // selector for the NEXT link (to page 2) itemSelector : "#content div.post" // selector for all items you'll retrieve });
여기 스크립트를 그대로 사용하고 있는데, 단순히 메인페이지에서 #content 를 더 불러오는 영역으로 지정하면 아무효과도 없네요.
또, #content div.post 를 어떻게 수정해야할지 감이오질 않네요.
구현하려고 하는 페이지는 http://lifeto.dothome.co.kr/xe/board_ZUfP81/ 입니다.
인피니티 스크롤같은경우는 반복하는 부분, 페이지 부분등만 정확히 입력하면 잘 작동합니다. 어떤 게시판 스킨은 반복되는 부분이 명확하지않아 #container같이 감싸줘야되기도합니다.
그거외 xe에서 설정해야되는건 게시판을 블로그 형식으로 바꾸시고, 페이지당 게시글은 1개로 변경하시면 인피니티 스크롤될때 글이 한개씩만 나오겟죠.