슬라이딩 스크롤

1. html에서 간편하게 하는법 단점 IE에서 안됌

html{
  scroll-behavior: smooth;
}

2. jquery scrollTo.min.js 활용

 

//cdn 추가
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.3/jquery.scrollTo.min.js"></script>

/* Sliding jQuery */

  $(' ').click(function (e) {
    $.scrollTo(this.hash || 0, 500);
    e.preventDefault();
  });