jQuery 스크롤 이동

jQuery를 사용하여 특정 selector 위치로 스크롤 이동시키기

const selectorTop = $('selector').offset().top;        // selector 좌표 top  
const headerHeight = $('.header').height;        // 제외할 헤더 높이  

$('html, body').stop().animate({scrolltop : selectorTop - headerHeight});    // 스크롤 이동 

JavaScript로도 구현 가능

document.gelElementById('id').scrollIntoView({behavior:"smooth"}); //IE, Safari  behavior 옵션 사용 불가