javascript - 固定ヘッダーでアンカーにスクロールし、ヘッダーの後ろにコンテンツが隠され、マージンと上部パディングが機能しない

Question

サイトをナビゲートするために Smoothscroll.js を使用しています。Firefox では正しいアンカーで停止しますが、Chrome ではリンクの最初のクリックでポイントを通過し、コンテンツを上部にプッシュして、ページの背後にコンテンツを隠します。もう一度クリックすると、正しく配置されます。私は他のサイトでも問題を見てきました。他の人が同じ問題を抱えているかどうかを知りたいです。Chrome は、上部のパディング、マージン、または配置を無視しているようです (例: top:20%;)。

Answer 1

解決済み: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

利用可能な方法はいくつかあります。

Answer 2

これを行うには、 Local Scroll (JQuery)を使用しました。

トップオフセットを行うことができます

$.localScroll({
    offset: -100
});

Answer 3

これは、ヘッダー html5 要素を使用する新しいワードプレス テーマが原因である可能性があります。ヘッダーを div に変更したところ、問題なく動作しました。