반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 닷홈
- JavaScript
- php
- Linux
- 제이쿼리
- 워드프레스플러그인
- 웹호스팅
- 카페24
- 자바스크립트
- Wordpress
- html5
- 무료호스팅서버
- 병원홈페이지제작
- 영카트
- 워드프레스
- 워드프레스소개
- 반려견
- 그누보드
- 플러그인설치방법
- 워드프레스란?
- 반응형웹
- 워드프레스홈페이지제작
- 네이버웹마스터도구
- MySQL
- 무료호스팅
- 반응형홈페이지
- css3
- jQuery
- 댕댕이
- 기업홈페이지제작
Archives
- Today
- Total
pm1122dev의 비밀노트
무한스크롤(Infinite Scroll) 본문
728x90
반응형
scroll 사용부분이랑 if부분만 보고 사용하면 됩니다.
하이브리드작업 할 경우 해더랑 하단바가 계속 있는 경우 하단바랑 해더 높이 빼서 작업하면 됨.
<script>
var category = "<? echo $category; ?>";
var area = "<? echo $area; ?>";
var g5_them_url = "<? echo G5_THEME_URL; ?>";
$(window).scroll(function(){
lastNum = $(".product_list li").last().attr("data-num");
//console.log(lastNum);
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$.ajax({
type:"POST",
url : g5_them_url+"/mobile/01/product_ajax.php",
data : {"category":category, "area":area, "lastNum":lastNum},
success:function(data){
$(".product_list").append(data);
}
})
}
})
</script>
728x90
반응형
'php&mysql' 카테고리의 다른 글
[php] mysqli_real_escape_string 함수 (0) | 2021.02.01 |
---|---|
[php] addslashes, stripslashes, htmlspecialchars 함수 (0) | 2021.02.01 |
몇 분전 몇시간전 몇일전 지난 시간 계산 (0) | 2021.01.25 |
[php] 날짜 계산 (0) | 2021.01.23 |
[mysql] 구분자로 검색하기 (0) | 2021.01.23 |
Comments