[JQuery] 제이쿼리로 해당 위치로 이동시키기

웹 개발을 하다 보면 특정 버튼을 누르면 해당 위치로 이동시키는 기능이 필요할 때가 있다.

아주아주 많이 사용하는 부분이긴 하다..

생각보다 코드가 막 어렵지는 않다.

해당 영역의 위치 값을 받아 온 후 스크롤을 그 위치로 이동시키면 된다.

다음은 코드이다.

<script>

	//height 라는 변수에 t1 이라는 이름의 클래스명을 가진 위치값을 받아온다.
 	var height = $(".t1").offset();

	//animate의안에 들어가는 매개 변수는 1번째는 움직일 위치 2번째는 속도이다.
    //heigh의 top 위치로 이동 시킨다.
    $("html, body").animate({scrollTop: height.top}, 400};
    

</script>