從固定標題偏移頁面錨

Question

我已經看過其他有關此問題的帖子，但是很遺憾，這些帖子都沒有起作用，所以我在這里。

我試圖使我的頁眉（位置固定）鏈接到頁面錨，但是當我按鏈接時，它越過了div的頂部和它的標題。 因此，要查看包括標題的整個div，則需要向上滾動。

我在這里有一個小提琴

.wrapper {
width: 100%;
height: 1000px;
margin: 130px auto;
padding: 0;
background-color: aliceblue;}

Answer 1

您可以只使用CSS。 只需制作獨立的隱藏錨元素，然后將其裁剪為標題的高度即可。

這是我使用的錨類：

a.anchor {
 display: block;
 position: relative;
 top: -250px;
 visibility: hidden;
    height:0px;
}

JSFiddle （我只做前幾個鏈接）： http : //jsfiddle.net/pp9dg/29/

Answer 2

這是更新的小提琴： http : //jsfiddle.net/pp9dg/28/

它使用jquery將錨點偏移200像素。

$(window).on("hashchange", function () {
    window.scrollTo(window.scrollX, window.scrollY - 200);
});