특정 영역으로 스크롤 이동하기 (offset().top 안먹힐 때)

원래 

 

$(#section1).offset().top으로 해당 영역의 시작 위치를 알 수 있어서 아래와 같이 페이지 이동이 가능하다

 

var section1Top = $("#section1").offset().top;
$("#container").animate({ scrollTop: 0 }, section1Top );

 

그런데 이게 안되는 경우가 있다 

섹션의 영역이 고정이 아닌경우

offset().top 의 값이 계속 바뀐다 

 

이럴때 쓸 수 있는 방법!

 

var section1Top = $("#section1")[0].offsetTop;
$("#container").animate({ scrollTop: 0 }, section1Top );

 

이렇게 코드를 바꾸면 해결된다!