728x90
scrollTop() 메서드는 브라우저의 스크롤바가 수직/수평으로 이동한 위칫값을 불러오거나 변경할때 사용한다.
* 기본형
| 1) $(요소 선택).scrollTop(); $(요소 선택).scrollLeft(); 2) $(요소 선택).scrollTop(새 값); $(요소 선택).scrollLeft(새 값); |
1) 스크롤바가 수직 또는 수평으로 이동한 위칫값을 반환
2) 입력한 수치만큼 수직 또는 수평으로 스크롤바를 이동시킨다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ var topNum = $("h1").offset().top; $(window).scrollTop(topNum); var sct = $(window).scrollTop(); console.log(sct); }); </script> <style> *{margin:0;padding:0;} body{line-height:1;} #wrap{ height:5000px; padding-top:2000px; } </style> </head> <body> <div id="wrap"> <h1>위치 메서드</h1> </div> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| append() / appendTo() / prepend() / prependTo() 메서드 (0) | 2021.08.21 |
|---|---|
| before() / insertBefore() / after() / insertAfter() (0) | 2021.08.21 |
| 요소 위치 메서드 - position() / offset() (0) | 2021.08.21 |
| 수치조작메서드 (0) | 2021.08.21 |
| prop() 메서드 (0) | 2021.08.21 |
