앵커태그(anchor tag)

#앵커태그

사전용어로는 배의 닻을 의미하며 웹상의 시작지점을 알림

페이지의 스크롤이 너무 길때 원하는 위치로 이동하고자 할때 사용

$(document).ready(function(){
    $(".menu-a").click(function(event){            
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top - 100}, 500);
    });
});

+ memu-a를 클릭시 이동하는 로직

물론 href에서 아이디값을 부여해서 할수도 있으나 부드러운 애니메이션 효과를 위해 해당 스크립트 적용

+시작하자마자 해당위치로 가고 싶다면 클릭메서드를 빼고 함수로 만들어서 강제호출 한다.

$(document).ready(function () {
    $('html, body').animate({
    scrollTop: $('#what').offset().top
    }, 'slow');
});