티스토리에서 검색을하거나 카테고리를 눌렀을 때, 글 보관함을 눌렀을 때 나오는 검색화면에서 다음페이지 버튼 없이 스크롤하면 추가로 로딩되게 하는 스크립트입니다.


    화면설정-화면출력에서 선택화면을 '목록만'으로 선택했을 때 이상없이 작동합니다.


    MaterialT mark3 스킨에서 수정없이 사용하실 수 있습니다.


    티스토리 날짜를 이쁘게 표시하기를 먼저 적용해야합니다.

    티스토리 시간을 예쁘게 표시하기. 현재중심적 시간표시


    .


    적용하기

    html의 </body> 위에 붙여넣으시면 됩니다.

    <script>

    /*

    loadNextPage script by 뭐하라 (http://nubiz.tistory.com/611)

    */

    function loadNextPage(){var e,d,b,a,c;e=$("#nextPage").attr("href");if(!e||$(".noMoreNext").length!==0){return false}$("#searchList ul").append('<svg class="spinner" width="30px" height="30px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg>');d=function(){$.ajax({url:e,success:function(f){b=$(f);a=$(b).find("#nextPage").attr("href");c=$(b).find("#searchList ul li");$("#nextPage").attr("href",a);$("#searchList ul").append(c);initGetThumb();modDate("date");$(window).on("scroll",detectEndOfScroll);if(b.find(".no-more-next").length!==0){$("#nextPage").addClass("noMoreNext");$("#searchList ul").append("<li>목록의 마지막</li>")}$("#searchList .spinner").remove()},error:function(){e=decodeURI(e.substring(31,e.length-11));d()}})};d()}if(location.pathname.split("/")[1]=="category"||location.pathname.split("/")[1]=="search"||location.pathname.split("/")[1]=="archive"){$(window).on("scroll",detectEndOfScroll)}function detectEndOfScroll(){$("#nextPage").hide();if($("#searchList").length==0){$(window).off("scroll",detectEndOfScroll)}if(($(window).scrollTop()+$(window).innerHeight())>($("#searchList").outerHeight()+$("#searchList").offset().top+200)){$(window).off("scroll",detectEndOfScroll);loadNextPage()}};

    </script>



    주석이 달린 소스코드도 제공하니 수정하실분들은 수정해서 사용하세요.


    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함