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. PHP: 특정 아이피만 접근 허용

    Date2017.03.01 ByYoungho Views162
    Read More
  2. jQuery: 사용자의 스크롤 값을 구하고 싶을 땐?

    Date2017.02.13 ByYoungho Views140
    Read More
  3. Math.random()을 이용하여 일정 범위의 난수 표현하기

    Date2017.01.30 ByYoungho Views409
    Read More
  4. JavaScript: 비만도와 적정 체중

    Date2016.11.28 ByYoungho Views232
    Read More
  5. [link]JavaScript: Scope 이해

    Date2016.11.14 ByYoungho Views50
    Read More
  6. 구글 Noto 한국어 글꼴을 웹에서 마음껏! (구글 원문 펌)

    Date2016.10.12 ByYoungho Views73
    Read More
  7. !DOCTYPE html은 무엇인가?

    Date2016.09.20 ByYoungho Views84
    Read More
  8. meta 태그가 제대로 먹히지 않아 섬네일이 뜨지 않는 현상

    Date2016.08.14 ByYoungho Views89
    Read More
Board Pagination Prev 1 Next
/ 1
foot_logo
서버에 요청 중입니다. 잠시만 기다려 주십시오...