간단하게 작성한 코드
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function () {
// 현재 위치의 높이
//var curHeight = $(window).height() + $(window).scrollTop();
var curHeight = $(window).scrollTop();
// 문서의 높이
var docHeight = $(document).height();
// 어느 정도 조건이 만족하면 내용 생성
if (curHeight > docHeight - 800) {
$('<h1>Infinity Scroll</h1>').appendTo('body');
}
});
});
</script>
'프로그래밍 > 언어' 카테고리의 다른 글
[Java] 간단하게 알아보는 웹 기술 역사 (0) | 2022.10.03 |
---|---|
[JavaScript] JavaScript 와 Json 을 이용한 ajax 통신 (0) | 2016.09.03 |
[Java] 클래스 이름과 파일 이름의 관계 (0) | 2016.08.22 |
[JavaScript] window와 document의 화면 사이즈 관련 (0) | 2016.08.19 |
[jQuery] each 사용 시 break 및 continue 사용 방법 (0) | 2016.03.27 |