jQuery:向 scrollTop 添加额外的像素

Question

当用户点击其 href 以“#”开头的链接时，我使用以下代码来平滑移动

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
}); 

我需要向 scrollTop 值添加大约 40px，因此停止点不会覆盖内容。我修改了代码，但它似乎并没有这样做(注意代码末尾的 +40):

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top + 40
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
}); 

Answer 1

我知道一个迟到的答案，但寻求解决方案的人可以试试这个。

通过添加 .top + (-40) 就可以了

$('html, body').stop().animate({
    'scrollTop': $target.offset().top + (-40)
}, 900, 'swing', function () {
    window.location.hash = target;
});