jquery 특정영역으로 scroll하기

폼체크 할 때 특정 값이 비어있으면 입력해달라고 얼럿을 띄워주면서 해당 항목으로 이동하게끔 하려고 사용했다.

$('select[name="test"]').offset().top 로만 이동 시키면 내가 보여주고자 하는 요소 밑부분부터 보여줌.

내가 원한 그림은 아니었다. 그래서 화면의 반만 더 올라가게함!

 

글솜씨가 없다ㅠ 이해가 안되면 개발자 도구 열고 웹 콘솔에 이런식으로 직접 실행해보면 이해가 될 것이다!

다음과 같이 작성하면 내가 원하는 요소가 중간 부분에 스크롤 되서 나타난다.

$('html, body').animate({scrollTop : $('input[name="test"]').offset().top-$(window).height()/2}, 200);

 

마지막 200이란 숫자는 몇초동안 이동시키는걸 보여줄것인가?.. 라고 보면된다.

참고로 1000  =>  1초