jQuery滚动到锚脚本

Posted 2021-02-25

This one worked for me and I thought I'd share it with the rest of you!

$(document).ready(function() {
  function filterPath(string) {
 return string
   .replace(/^//,'')
   .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
   .replace(//$/,'');
  }
  $('a[href*=#]').each(function() {
 if ( filterPath(location.pathname) == filterPath(this.pathname)
 && location.hostname == this.hostname
 && this.hash.replace(/#/,'') ) {
   var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
   var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
    if ($target) {
   var targetOffset = $target.offset().top;
   $(this).click(function() {
     $('html, body').animate({scrollTop: targetOffset}, 400);
     return false;
   });
   }
 }
  });
});