특정 타겟으로 부드럽게 스크롤 되는 스크립트

 

기존 앵커는 타겟이 될 요소에 id를 지정하여 href속에서 해당 #id를 넣어 별 문제 없이 진행을 했었다.

그러나 앵커 연결시 다른 요소때문에 가려지는 문제가 생겼다. 

헤더영역이 position:fixed로 되어있어서 앵커설정된 부분과 겹치는 것이다!

생각해보면 별 것 아니었는데 참...

offset.top 에 fixed잡힌 요소의 높이값만큼 영역을 늘려주고 해결했다.

Scroll to target

출처 : http://jewonagency.com/