2013년 10월 28일 월요일

[제이쿼리무한스크롤]jquery를 통한 무한 스크롤 구현 Query를 통한 무한 스크롤

[제이쿼리무한스크롤]jquery를 통한 무한 스크롤 구현
Query를 통한 무한 스크롤 구현
window객체에 scroll 이벤트 연결원리
사용자가 마우스  스크롤 움직이면 scroll 이벤트 발생
무한 스크롤 만들려면 화면 끝까지 스크롤이 도달 했다는 사실 인식 필요
   document 객체의 height 속성은 문서 전체의 높이의미
   스크롤이 끝까지 내려가면  window객체 scrollTop +height=document 객체높이
<script type="text/javascript">
$(document).ready(function() {
//스크롤 이벤트 발생 시
$(window).scroll(function() {
var scrollHeight = $(window).scrollTop()+$(window).height();
var documentHeight = $(document).height();
if (scrollHeight = documentHeight) {
for(var i=0; i <10; i++) {
$("<h1>무한 스크롤 </h1>").appendTo("body");
}
}
});
});
$(document).ready(function() {
for(var i=0; i<20; i++) {
$("<h1>무한 스크롤</h1>").appendTo("body");
}
});
</script><body></body>

 






[취업확정]오라클자바개발잘하는신입뽑기2개월 40일 320시간   11-13
웹퍼블리싱 마스터 14일 42시간   11-05
웹퍼블리싱 마스터 6일 42시간   11-02 

댓글 없음:

댓글 쓰기