1

私はサイトを持っています: http://starthumble.com/

メニューは、同じページでアンカーへのスクロール効果を行います。ただし、「ホーム」をクリックすると、スクロールして吹き出しテキストの半分が切り取られます。私が設定した場合、私はそれを理解しました

.companycallout h1 {
    line-height: 5em;
}

するとちゃんとスクロールします。唯一の問題は、h2 タグが押し下げられることです。それを修正する方法を見つけることができる唯一の方法は

.companycallout h1 {
    line-height: 5em;
}
.companycallout h2 {
    margin-top: -90px;
    padding-bottom: 50px;
}

これが最善の解決策ですか？より良いオプションはありますか？私はまだこのクロス ブラウザをテストしていないので (現時点ではアクセスできません)、全面的に互換性があるかどうかはわかりません。

ありがとう！

4

2 に答える 2

1

CSS を以前の状態に戻します。

あなたの解決策は、使用しているjqueryプラグインを変更することです。具体的には、offset() です。それに値を追加できます。詳細は次のとおりです。

http://api.jquery.com/offset/

ここに画像の説明を入力

于 2012-11-10T21:10:31.583 に答える
1

margin-top を padding top に変更するだけです

body {
    margin: 0;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: white;
    padding-top: 80px;}
于 2012-11-10T21:42:27.077 に答える