jQuery - event scroll

yeong ·2022년 11월 25일
0

jquery

목록 보기
15/20

$(selector).scroll(callback) : 선택자로 검색된 태그 (window 객체)에서 스크롤을 움직이는
이벤트가 발생된 경우 콜백함수를 호출하는 메소드

	$(window).scroll(function() { //스크롤을 움직일 경우 호출 
		//alert("스크롤 이벤트 발생");
		
		//$(selector).height() : 선택자로 검색된 태그의 높이를 반환하는 메소드 
		
		var docH=$(document).height(); // url + browser
		//alert(docH);
		//alert($(window).height())
		alert("윈도우의 스크롤 상단 위치값"+$(window).scrollTop())
		alert("윈도우 높이"+$(window).height())
		
		//$(selector).scrollTop() : 선택자로 검색된 태그의 스크롤 상단 위치값을 반환하는 메소드 
		var scrollH=$(window).height()+$(window).scrollTop();
		
		if(scrollH >= docH){ //스크롤이 출력영역(document 객체)하단에 위치한 경우   //		무한스크롤.
			displayImage();//사진을 출력해서 무한 스크롤 
		}
	});

0개의 댓글