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);
}