jQuery 강좌 | Methods > .scroll()

.scroll()은 선택한 객체에 스크롤 이벤트가 발생하는 것을 감지하고 추가적인 작업을 할 수 있게 합니다.

window 객체나 overflow 속성값이 scroll 또는 auto인 요소에 사용할 수 있습니다.

문법

.scroll( handler )

예제 1

http://book.cmsfactory.net/jQuery/V01/Methods/scroll-01.html

스크롤 했을 때 배경을 빨간색으로 바꾸는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Methods | .scroll()</title>
    <style>
      .jbBox {
        height: 20000px;
      }
      .jbRed {
        background-color: red;
      }
    </style>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
      $( document ).ready( function() {
        $( window ).scroll( function() {
          $( '.jbBox' ).addClass( 'jbRed' );
        } );
      } );
    </script>
  </head>
  <body>
    <div class="jbBox">
    </div>
  </body>
</html>
Category

Created on 2014-09-16 14:30 | Updated on 2015-07-17 01:17

이 글을 공유하기

Kakao