Javascript 使用锚定标记在div上滚动Jquery无法正常工作

我添加了一个jQuery代码，使用锚定标记在不同的div上滚动，滚动可以工作，但是当它到达目标div时，它会滚动回页面顶部。这是我写的代码

$('a[href^="#"]').click(function(e) {
            e.preventDefault();
            var target = this.hash;
            var $target = $(target);
            $('html, body').animate({
                'scrollTop': $target.offset().top - 160
            }, 1000).stop();
        });

有什么建议吗？

您可以这样做：

$(document).ready(function(){
    $("a").on('click', function(event) {
        if (this.hash !== "") {
            event.preventDefault();
            var hash = this.hash;
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 800, function(){
                window.location.hash = hash;
            });
        }
    });
});