기타2/Jquery
JQEURY SCROLL 이동
죠부니
2017. 10. 11. 17:08
반응형
SCROLL을 원하는곳으로 이동하기
매번 쓰지만 귀찮아서
1. 현재 스크롤의 위치를 받아온다.
var offset = $("#id").offset();
2. 스크롤을 해당위치로 이동한다.
http://api.jquery.com/animate/
속도값 조절로 해당위치로 움직이는 속도를 설정한다.
$('html, body').animate({scrollTop : offset.top}, 속도값);
결과 코드
<div id="sample">이동하려는 영역의 아이디값</div>
<script>
$(document).ready(function(){
var offset = $("#sample").offset();
$('html, body').animate({scrollTop : offset.top}, 100);
})
</script>
반응형