버튼없이 계속 자료를 가져오는 방법(facebook처럼) 채택완료
뉴질맨
11년 전
조회 9,428
안녕하십니까?
PC에서는 게시판을 읽을때
리스트를 보여주고
다음페이지 버튼을 클릭하여
원하는 페이지로 갑니다.
그런데 모바일에서는 공간이 작아서 이것저것을 표시하기가 쉽지 않습니다.
작은 숫자들도 있으니 더욱 난감합니다.
그런데
facebook을 하다보면 버튼이 없이 한 화면의 내용이 끝나는 것 같으면
계속 다음 내용을 기존 내용에 붙여줍니다.
어떻게 구현하는지 알수가 없습니다.
</div>
<div><div><script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a>"></script> </div></div>
<div>
</div>
<div><div>$(window).load(function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(window).scroll(function() {</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>if($(window).scrollTop() + $(window).height() == $(document).height()) {</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span> $("ol").append("<li>Appended item</li>");</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span> // getData();</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>}</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>});</div>
<div>});</div></div>
<div>
</div>
<div><p>.</p>...........................<p>.</p></div>
<div><ol>test</ol></div>
<div>위 코드는 한 html에서 조작(?)하는 방법인데
어떻게 PHP와 연동해서 database내의 해당하는 자료를 가져올 수 있습니까?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
11년 전
아래 사이트를 참조하세요.
http://www.sitepoint.com/jquery-infinite-scrolling-demos/
또는 구글에서 infinite scroll 로 검색해 보세요 ^^
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인