javascript 顺畅滚动jQuery Bootstrap 4

Posted 2021-05-03

 <script>
    $('body').scrollspy({
      target: '#main-nav'
    });

    //Add smooth scrolling
    $('#main-nav a').on('click', function(e){
      //CHeck for a hash value
      if(this.hash !== ''){
        //Prevent default behavior
        e.preventDefault();

        //Store hash
        const hash = this.hash;

        //Animate smooth scroll
        $('html, body').animate({
          scrollTop: $(hash).offset().top
        }, 900, function(){
          //Add hash to URL after scroll
          window.location.hash = hash;
        });
      }
    })
  </script>