javascript 锚标签链接光滑滚动

Posted

tags:

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

$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').on('click', function(event) {
  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) {
      event.preventDefault();
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000, function() {
      });
    }
  }
});
$(".<?php echo $brand;?>StructureBand").each(function(index, el) {
 $(this).attr('id', 'band-'+index);   
});

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

javascript 平滑滚动锚点链接

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

使用锚标签链接打开标签?

如何使锚标签滚动而不会被位置覆盖:固定区域

单击超链接时,Safari 会忽略/删除锚点(或“主题标签”)吗?

javascript 露西光滑滚动