jQuery 스크롤 이벤트

리뮤츠·2022년 11월 29일
0

특정 위치에 스크롤이 도달했을때 이벤트 발생

let $window = $(window),
$scrollcontent = $('선택자');

$window.on('scroll', function(event) {
	$scrollcontent.each(function(){
		var scrollTop = $window.scrollTop(),  //지금 스크롤바 상단좌표
			scrollBottom = scrollTop + $window.height(),  //지금 스크롤바 하단좌표
			contentOffset = $(this).offset();   //컨텐츠 오프셋값
		if(scrollBottom > contentOffset.top) {  //컨텐츠 오프셋값보다 스크롤바가 아래에 있으면
			//이벤트 발생 코드
		}else{
			//이벤트 삭제 코드
		};
	});
});
profile
역시 퍼블이 재밋당께

0개의 댓글