如果您不能或不想設(shè)定一個(gè)新的類,可以在CSS中為::before
偽元素添加一個(gè)固定高度的:target
偽類:
:target::before { content: ""; display: block; height: 60px; /* 固定的標(biāo)題高度 */ margin: -60px 0 0; /* 負(fù)的固定標(biāo)題高度 */ }
或使用jQuery相對(duì)於:target
滾動(dòng)頁(yè)面:
var offset = $(':target').offset(); var scrollto = offset.top - 60; // 減去固定的標(biāo)題高度 $('html, body').animate({scrollTop:scrollto}, 0);
我遇到了同樣的問(wèn)題。 我透過(guò)為錨點(diǎn)元素添加一個(gè)類,並將topbar的高度作為padding-top的值來(lái)解決了這個(gè)問(wèn)題。
<h1><a class="anchor" name="barlink">Bar</a></h1>
我使用了以下的CSS:
.anchor { padding-top: 90px; }