jQuery跳到锚点上方100px

Question

我希望窗口位于页面顶部下方100px，而不是窗口跳转使锚位于页面顶部。 我不想设置动画，我希望它不会跳两次。

我希望它是一个通用的解决方案。

这是我尝试过的方法，但似乎不起作用...

$("a.inpage").click(function (e) {
    e.preventDefault();
    $(":target").each(function () {
        var targetpos = $(this).position();
        var scrollpos = targetpos.top - 100;
        window.scrollTo(0,scrollpos);
    })
}

谢谢大卫

Answer 1

：target CSS3选择器匹配ID为URL一部分的元素。 但是您使用的是ev.preventDefault（），因此您不遵循链接并且URL不会更改

最好像

$("a.inpage").click(function (e) {
    e.preventDefault();
    var targetpos = $($(this).attr('href')).position(); // note this line
    var scrollpos = targetpos.top - 100;
    window.scrollTo(0,scrollpos);
}