2011-01-29 10 views
7

私はsmoothscroll.jsを使用して自分のサイトを移動しています。それはFirefoxの正しいアンカーで停止しますが、Chromeではリンクの最初のクリックでポイントを渡し、コンテンツをページの後ろに隠して上にプッシュします。もう一度クリックすると、正しく整列されます。私は他のサイトの問題も見てきました。他の人が同じ問題を抱えているかどうかを知りたい。クロムは、トップパッディングやマージン、ポジショニングを無視しているようです(例:トップ20%;)。固定ヘッダー、ヘッダーの後ろに隠されたコンテンツ、余白、上部パディングが機能しないためにスクロールします。

答えて

10

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

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

+0

オフセットあなたがトップを行うことができます。私は試していた - demo-のように、しかし行きません。任意のヒント? – ATSiem

+0

Nicolas Gallagherの方法は、このHTML とこのCSSだけを含むhttp://stackoverflow.com/a/13184714/109618と比べて少し複雑です。a.anchor {display:block;ポジション:相対; top:-50px; visibility:hidden;} –

-3

これは、ヘッダーhtml5要素を使用する新しいWordPressテーマが原因である可能性があります。私は私のヘッダーをdivに変更し、うまくいきました。

0

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

それは、私は、これらの方法で#targetがに相関を理解トラブルを抱えている

$.localScroll({ 
    offset: -100 
}); 
関連する問題