스크롤 이벤트

①새로고침하면 맨 위로 올라가기

  
window.onload = function(){
    $('html,body').animate({
        scrollTop : 0
     }, 400);
    return false;
}

②특정 좌표로 부드럽게 스크롤

$('html.body').animate({
    scrollTop : 300
}, 500);
//300px로 부드럽게 스크롤

③특정 엘리먼트로 부드럽게 스크롤

var scrollPosition = $('#ID').offset().top;

$('html, body').animate({
    scrollTop: scrollPosition
}, 500);

④클릭시 타겟으로 스크롤 되는 메뉴 만들기

    
소개
    
멤버
    
연락

$('.menu li').on('click', function(){
    var scrollPosition = $($(this).attr('data-target')).offset().top;

   $('html, body').animate({
        scrollTop: scrollPosition
   }, 500);
});

---

*현재 스크롤 위치 구하기

$(window).scrollTop() == window.pageYOffset https://developer.mozilla.org/en-US/docs/Web/API/Window/pageYOffset