私はこのようなレイアウトを持っています:http://jsfiddle.net/MTWu5/
中央に配置されたページ、スティッキーヘッダー付き。ヘッダー内には、ページ内のアンカーへのメニューリンクがあります。私の問題は、それらをクリックしたときに、アンカーをヘッダーの後ろではなく、ヘッダーのすぐ下にスクロールさせたいということです。
どうすればこれができますか?
私はこのようなレイアウトを持っています:http://jsfiddle.net/MTWu5/
中央に配置されたページ、スティッキーヘッダー付き。ヘッダー内には、ページ内のアンカーへのメニューリンクがあります。私の問題は、それらをクリックしたときに、アンカーをヘッダーの後ろではなく、ヘッダーのすぐ下にスクロールさせたいということです。
どうすればこれができますか?
まず、そのようにアンカーを書きます。
<a name="anchor" id="anchor"></a>
要素にcloseタグを使用しない場合、すべてを見逃さずに位置スタイルを適用することはできません。
それから私はちょうどそのスタイルを適用しました
#anchor{position:absolute;margin-top:-100px;}
うまくいくようです。レイアウトは保持され、マージンはありません。このソリューションは、固定の高さで作業する場合にのみ機能します。マージントップは、ヘッダーの高さです。
それがあなたが探していたものであることを願っています。
jsfiddleの例へのリンク
haiあなたの問題は修正されました"パスは:http://jsfiddle.net/MTWu5/2/