javascript 平滑滚动到ID

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 平滑滚动到ID相关的知识,希望对你有一定的参考价值。

jQuery(document).ready(function($){

  $('a[href*=\\#]:not([href=\\#])').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 - 170 //change this pixel value depending on the height of your fixed header.
        }, 800);
        return false;
      }
    }
  });

});

以上是关于javascript 平滑滚动到ID的主要内容,如果未能解决你的问题,请参考以下文章

javascript 为链接到页面上的ID的锚标记提供平滑滚动。

平滑 JavaScript/jQuery 滚动到元素

平滑 JavaScript/jQuery 滚动到元素

javascript 平滑滚动到锚点

javascript [jQuery]平滑滚动到页面顶部

javascript 平滑滚动到锚点