html 创建到任何目标的平滑滚动。

Posted 2021-05-11

$(function() {
  // Smooth Scrolling
  $('.smooth-scroll').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {

      var target = $(this.hash),
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

<a href="#target" class="smooth-scroll">Click Me</a>

<div id="target">to scroll to here.</div>