jooyoungho-Logo

Lab

제이쿼리로 스크롤(상하) 된 값을 구하려면 scrollTop()을 사용하면 된다.

참고로 좌우 스크롤은 scrollLeft()인데, 웹 구조상 scrollTop()을 많이 쓴다.

 

보통 스크롤이 움직일 때 호출되는 $(window).scroll()을 함께 쓰게 되는데,

스크롤 값을 구하는 코드로 $(document).scrollTop()을 사용하는 분도 있고 $(window).scrollTop()을 사용하는 분도 있었다.

값을 구하는 게 아닌 설정할 때는 $('html body').scrollTop(값)을 많이 쓴다고 한다.

아무튼, 값을 구할 경우에 $(window).scrollTop(), 그리고 $(document).scrollTop() 둘 중 무엇을 사용해야 할까? 결괏값은 동일한데 말이다.

 

결론부터 말하면, 개발자들은 $(window).scroll()를 추천한다.

$(document).scrollTop()의 경우는 지원하지 않는 브라우저가 있다고 한다. IE8이라던가?

 

따라서 사용자가 스크롤 했을 당시의 값을 구하고 싶을 땐 아래 코드처럼 하면 될 것 같다.

$(window).scroll(function () {        

    var height = $(this).scrollTop();

});


  1. 등록된 글이 없습니다.
Board Pagination Prev 1 Next
/ 1
foot_logo
서버에 요청 중입니다. 잠시만 기다려 주십시오...