페이지 로딩 인거 같은데 질문좀 하겠습니다
본문
혹시 스킨중에 페이지 로딩이 있는게 있나요?
이미지가 15개가 있으면 첫페이지에 10개까뜨고 밑으로 내려서 10개가 다보이면
로딩 (뱅뱅도는 이미지)가 떠서 나머지 5개가 연달아 보이게 하는 그런거요
좀 알려주세요
답변 1
'JQuery Infinite Scroll'이런 스크롤 로딩을 말씀하시나요?
구글에서 'JQuery Infinite Scroll'라는 검색어로 찾아 보시면 많은 다양한 예제들이 있습니다.
예제:https://codepen.io/anunnaki8/pen/aEGVBj
ps..다시 보니 스킨을 찾아 달라는 글이었네요.
아래는 Infinite Scroll 관련 스킨입니다.
https://sir.kr/bbs/board.php?bo_table=g5_skin&wr_id=2534?bo_table=g5_skin&wr_id=2534
<<예제 코드>>
[code]
<!doctype html>
<html>
<head>
<title> Simple Infinite Scroll Example using JQuery </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style>
body { margin: 0px; padding: 0px; }
.out-box { width: 100%; background-color: gray; height: 100vh; border-top: 1px solid black; }
</style>
<script type="text/javascript">
var page = 2;
$(window).scroll(function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
console.log(++page);
$("body").append('<div class="out-box"><h1>---------------- ' + page + ' pages</h1></div>');
}
});
</script>
</head>
<body>
<div class="out-box"><h1>---------------- 1 pages</h1></div>
<div class="out-box"><h1>---------------- 2 pages</h1></div>
</body>
</html>