4

アンカー タグを使用して、ブートストラップと上部に固定されたナビゲーション バーを使用して Web ページの特定のセクションに移動しようとしています。問題は、アンカー リンクをクリックすると、セクションの先頭まで正しくスクロールされず、本文にマージンが適用されているため、セクションの先頭を超えてスクロールすることです。

body {
    margin-top: 60px;
}

どうすればこれを修正できますか?

完全なデモについては、次の jsFiddle を参照してください: http://jsfiddle.net/6kwrY/

4

2 に答える 2

19

解決策は、次を使用することです。

.section {
    padding-top: 60px;
    margin-top: -60px;
}
于 2013-06-19T01:26:19.167 に答える
1

「最初」と呼ばれない限り、すべてのセクション p にパディングを介してマージンを追加します。

body {
    margin-top: 60px;
}

section p {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 35px;
    padding-top: 60px;
}

#first p {
        padding-top: 0px;
}
于 2013-06-19T01:28:16.310 に答える