javascript 平滑滚动书签链接

Posted

tags:

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

// Smooth scroll bookmark links with class "ss"
$('.ss').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); // Set scroll speed here
      return false;
    }
  }
});

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

javascript 平滑滚动锚点链接

javascript 在所有哈希链接上使用jQuery平滑滚动

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

滚动时在标题上添加平滑过渡

平滑 JavaScript/jQuery 滚动到元素

平滑 JavaScript/jQuery 滚动到元素