본문 바로가기
기타2/Jquery

JQEURY SCROLL 이동

by 죠부니 2017. 10. 11.
반응형

SCROLL을 원하는곳으로 이동하기


매번 쓰지만 귀찮아서


1. 현재 스크롤의 위치를 받아온다.

http://api.jquery.com/offset/


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>

반응형

'기타2 > Jquery' 카테고리의 다른 글

브라우저마다 시간 타임존  (0) 2018.03.08
fancybox를 이용한 유튜브 팝업  (0) 2018.01.23
자주쓰는 MIME TYPE  (0) 2017.11.14
오늘하루만 이창을 열지 않기[오늘로 설정]  (0) 2017.11.03
jQuery.curCSS  (0) 2017.09.22