2016-04-18 11 views
0

アンカーポイントの内容をカバーする固定ヘッダーのナビゲーションバーに問題があります。スクロールが開始されたときしかし、それだけで正常に動作しているようですが、上記の溶液は、素晴らしい作品全体にブートストラップの添付されたトップヘッダーでのアンカーの問題

offsetting an html anchor to adjust for fixed header

:私はこのサイト上でこのテーマに関する無数の質問があり、ここでのソリューションを使用し調査した結果を知っています。私は.affix(ブートストラップ)にスクロールするように設定しましたが、ページとヘッダーの先頭が.affix-topの場合、上記の解決策は機能せず、ヘッダーナビゲートもコンテンツをカバーします。

誰でもこれを回避する方法はありますか?ヘッダーが貼り付けられていると、私のレイアウトが流動的でポジショニングされているという事実が、今日は何かと推測されます。

サイトはここにある:

http://staging.kmashworth.co.uk

私は、ヘッダはとにかく固定されるようにしたいと感謝

+0

私は完全なコードを実行しませんでしたが、ユーザーがページの読み込みをスクロールしたようにシミュレートする場合は、ウィンドウまたは他の要素でスクロールをトリガする必要があるようです。 '$(window).trigger(" scroll ");'のようにすることができます。 –

答えて

0

は、私はちょうどposition: fixedヘッダーと、その後padding-top: 120px(ヘッダと同じ高さ)にを追加しました内容がカバーされないようにヘッダの下のコンテナ要素。

これが最良の方法であるかどうかはわかりませんが、これまでのところうまくいきます。

関連する問題