国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

頁(yè)面標(biāo)題與頁(yè)面錨點(diǎn)重疊問(wèn)題的解決方法
P粉521748211
P粉521748211 2023-08-21 19:18:36
0
2
688
<p>如果我在HTML頁(yè)面中有一個(gè)固定在頂部的非滾動(dòng)標(biāo)題,具有定義的高度:</p> <p>是否有一種方法可以使用URL錨點(diǎn)(<code>#fragment</code>部分)使瀏覽器滾動(dòng)到頁(yè)面中的某個(gè)特定位置,但仍然尊重固定元素的高度<strong>而無(wú)需使用JavaScript的幫助</strong>? </p> <pre class="brush:none;toolbar:false;">http://example.com/#bar </pre> <pre>錯(cuò)誤(但常見(jiàn)行為): 正確: ---------------------------------------------------------------- ---------------- | BAR///////////////////// header | | //////////////////////// header | ---------------------------------------------------------------- ---------------- | 這裡是其餘的文字 | | BAR | | ... | | | | ... | | 這是其餘的文字 | | ... | | ... | ---------------------------------------------------------------- ---------------- </pre> <p><br /></p>
P粉521748211
P粉521748211

全部回覆(2)
P粉285587590

如果您不能或不想設(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);
P粉986937457

我遇到了同樣的問(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; }
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板