左NAVと固定ヘッダーの問題を修正しました

Question

で このサイト ユーザーがNAVでタイトルをクリックすると、固定NAVとヘッダーがあり、適切なコンテンツボックスに移動します。しかし、彼らが「Just Kids」から「Home」にクリックすると、トップコンテンツは固定ヘッダーの後ろに隠されています。また、ページが読み込まれたときにこれが起こることに気付くでしょう。コンテンツは固定ヘッダーの後ろに隠されています。

いくつか試してみました。高さを備えたDIVを追加して、コンテンツを押し下げます ここで見る しかし、ここでは、ページが適切なコンテンツ領域をロードすると押し下げられます。

このようなサイトを以前に見たことがありますか、それとも上記を修正する方法について提案をしたことがありますか？

Answer 1

アンカーはこのように振る舞います。アンカーにジャンプすると、画面の上部に移動しようとします。

その滑らかなスクロール効果のためにすでにJavaScriptを使用しているようです。効果中、アンカーにスクロールする代わりに、デフォルトのアクションを防ぎ、アンカーのトップオフセットを取得し、 (that top offset - the header height)