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

Posted

tags:

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

$('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}, 1000);
      return false;
    }
  }
});

以上是关于javascript 为链接到页面上的ID的锚标记提供平滑滚动。的主要内容,如果未能解决你的问题,请参考以下文章

跨页面的锚点链接

两个页面上相同的锚点 ID:如何从一个页面链接到另一页上的锚点

使用 JavaScript/jQuery 将 URL 保存在锚标记中?

html 链接到同一页面上的锚点

防止在Vue.js中@click上的锚标记重新加载页面

当我将鼠标从菜单上的锚标记链接移动时,我的下拉菜单不显示