jquery offset()을 이용한 부드러운 스크롤 이동
2016. 7. 25. 13:46ㆍ웹랩/JavaScript
반응형
HTML
<div id="cont">본문 내용...</div>
<a href="#cont" class="scroll">Scroll to cont</a>JS
jQuery(document).ready(function($){
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
//offset()함수로 위치를 찾음
});
});
반응형
'웹랩 > JavaScript' 카테고리의 다른 글
| jQuery 셀렉터(선택자) : 원하는 노드를 얻는 방법 (0) | 2017.11.05 |
|---|---|
| 상단, 하단 스크롤 버튼 (0) | 2016.08.08 |
| jQuery (2) | 2016.08.08 |
| split 함수를 이용하여 URL주소를 배열로 받기 (0) | 2016.07.25 |
| jquery dropdown, toggle 외부영역을 클릭하여 닫기 (0) | 2016.07.25 |