爲什麼滾動不能正常工作？

Question

鏈接的jsfiddle - https://jsfiddle.net/dn5t2mwm/3/

$('a.item_link').click(function(){ 
    var hash = this.hash, top = $(hash).offset().top; 
    console.log(hash, top); 
    $('html, body').animate({ 
     scrollTop: top 
    }, 500); 
    return false; 
}); 

我要讓平滑滾動。但是當我使用錨來記錄鏈接的座標時，它會返回不同的結果。它看起來像從視口的開始處開始座標 - 而不是文檔的開始。它適用於codepen，但不適用於本地和jsfiddle。 css被禁用。也許你知道它有什麼問題嗎？

Answer 1

使用這段代碼：

$('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; 
     } 
    } 
});