Почему прокрутка не работает правильно?

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; 
}); 

Я хочу сделать гладкую прокрутку. Но когда i координаты счета ссылки с якорем, он возвращает разные результаты. Похоже, что он учитывает координаты с начала окна просмотра, а не начало документа. Он работает на 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; 
     } 
    } 
});