使用Hash滚动和scrolltop之间的区别是什么？

Question

我正在研究导航栏的平滑滚动，并且朋友建议使用“哈希定位”，我从未听说过这种情况，我想知道你们是否能指出我正确的方向。

我当前的代码

$(function() {
$('.page-scroll a').bind('click', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1200, 'easeInOutExpo');
    event.preventDefault();
    });
});

我朋友寄给我的代码

$('a.scrollto').click(function(e){
    $('html,body').scrollTo(this.hash, this.hash, {gap:{y:-80}});
    e.preventDefault();

    if ($('.navbar-collapse').hasClass('in')){
        $('.navbar-collapse').removeClass('in').addClass('collapse');
    }
});