0

用語集ページ用のフローティング水平ナビゲーションメニューがあります。ハッシュタグのハイパーリンクをクリックしてページ上の別の定義に移動すると<dt>、ナビゲーションメニューの下にパーツが非表示になります。

フローティングナビゲーションメニューの下にテキストが表示されていることを確認することはできますか？

スケッチしたjsfiddleを見て、黄色で強調表示されたハイパーリンクをクリックしてください。

あなたが助けることができることを願っています。ありがとう！

4

2 に答える 2

0

javascriptまたは非推奨のフレームセットの外では、次のようなことができます。

<dt class="highlight" id='ccdcd'><div class='jump-to-able'></div>ccdcd</dt>

.jump-to-able {
    padding-top: 20px;
    margin-top: -20px;
}

http://jsfiddle.net/bQ4kH/1/

于 2013-03-03T22:24:25.990 に答える
0

@Brandon のソリューションに基づいて、アンカーをターゲットにしました。

div > a, dt > a {
padding-top: 22px;
margin-top: -22px;
}

これには、追加のマークアップは必要ありませんでした。

于 2013-03-04T23:34:24.083 に答える