如何使用 window.location.hash 添加偏移量

Question

我用这个功能。

window.location.hash = "Home"

我想要做的是，当锚点进入 id 为 Home 的 div 时，我希望 div 的顶部位置比实际开始的 div 高一点。

谁能帮我在 div 开始的地方添加一个偏移量，例如 20px。

谢谢

Answer 1

你可以试试offsetTop

一个简单的例子：

$(document).ready(function(){
    $('a[href^="#"]').bind('click.smoothscroll',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;
        });
    });
});

注意$target.offset().top-40

这意味着它将重定向到带有margin-top: -40px的div。