2

上部にメニュー バーがあり、次のようなリンクがあります。

<a href="#1">Football</a>
<a href="#2">Cricket</a>
<a href="#3">Rugby</a>
<a href="#4">Tennis</a>

高さ 50px の固定メニュー バーがあります。リンクをクリックすると、見出しが固定メニュー バーの後ろに隠れます。対応するリンクがクリックされたときに、見出しを 50 ピクセル下に表示する (表示できるようにする) ことは可能ですか。

html:

<h2 class="menuheading" id="1">Football</h2>
...
<h2 class="menuheading" id="2">Cricket</h2>
...
<h2 class="menuheading" id="3">Rugby</h2>
...
<h2 class="menuheading" id="4">Tennis</h2>
4

3 に答える 3

1

見出しに常に apadding-top/margin-topを適用することも、(最新のブラウザーでは) ターゲットが指定されている場合にのみ適用することもできます。

h2:target {
  padding-top: 50px;
}

MDN:targetの疑似クラスに関する詳細情報

于 2013-10-22T15:38:35.187 に答える
0

これをあなたのCSSスタイルに追加してくださいmenuheading

.menuheading {
  margin-top:50px;
}
于 2013-10-22T15:38:08.143 に答える