버튼없이 계속 자료를 가져오는 방법(facebook처럼)
본문
안녕하십니까?
PC에서는 게시판을 읽을때
리스트를 보여주고
다음페이지 버튼을 클릭하여
원하는 페이지로 갑니다.
그런데 모바일에서는 공간이 작아서 이것저것을 표시하기가 쉽지 않습니다.
작은 숫자들도 있으니 더욱 난감합니다.
그런데
facebook을 하다보면 버튼이 없이 한 화면의 내용이 끝나는 것 같으면
계속 다음 내용을 기존 내용에 붙여줍니다.
어떻게 구현하는지 알수가 없습니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
$(window).load(function(){
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$("ol").append("<li>Appended item</li>");
// getData();
}
});
});
<p>.</p>...........................<p>.</p>
<ol>test</ol>
위 코드는 한 html에서 조작(?)하는 방법인데
어떻게 PHP와 연동해서 database내의 해당하는 자료를 가져올 수 있습니까?
답변 2
아래 사이트를 참조하세요.
http://www.sitepoint.com/jquery-infinite-scrolling-demos/
또는 구글에서 infinite scroll 로 검색해 보세요 ^^
감사합니다.
용어를 모르니 예제을 찾을 수 없더군요.
infinite scroll
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.