728x90
scroll() 이벤트 메서드는 대상 요소의 스크롤바가 이동할 때마다 이벤트를 발생시키거나 강제로 scroll 이벤트를 발생시킨다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 이벤트 </title> <script src="js/jquery.js"></script> <script> $(window).on("scroll",function(){ var sc_top = $(this).scrollTop(); var sc_left = $(this).scrollLeft(); $(".top").text(sc_top); $(".left").text(sc_left); }); </script> <style> body{ height:10000px; width:5000px; } #wrap{ position: fixed; left: 10px; top: 10px; } </style> </head> <body> <div id="wrap"> <p>scrollTop: <span class="top">0</span>px</p> <p>scrollLeft: <span class="left">0</span>px</p> </div> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| change() 이벤트 메서드 (0) | 2021.08.23 |
|---|---|
| focus() / blur() / focusin() / focusout() 메서드 (0) | 2021.08.23 |
| mousemove() 메서드 (0) | 2021.08.23 |
| mouseeter() / mouseleave()메서드 (0) | 2021.08.23 |
| mouseover() / mouseout() / hover() (0) | 2021.08.22 |
