0
固定ヘッダー(50ピクセル)を考慮して、マイナスマージンアプローチを使用してページに複数のアンカーを使用しています。各セクションが指定された高さを持つとき、アンカーは素晴らしい仕事をしました。コンテンツに基づいて動的に動作するように変更したとき、私はサイドナビの箇条書き(あなたのアンカーに基づく色の変更)で問題を引き起こしているスペースを少し残して、約5ピクセル上にアンカーします。現在、jQueryはアンカー用のコードを生成していますが、変更を加えずにhrefをリンクにハードコーディングしました。何かご意見は?ここ は、HTMLの抜粋です: HTML/CSS anchor divの上にアンカー固定
<div id="main-anchor" class="anchor"></div>
<section class="main page-section">
<div class="section-heading">
アンカークラス:
.anchor {
content: "";
display: block;
height: 50px;
margin-top: -50px;
padding: 0;
position: relative;
top: 0;
}
*編集:ソリューション - 私はjQueryの中のdivの高さの2つのインスタンスの後者を持っていました50ピクセルではなく51ピクセルで、私のアンカーの上に隙間ができました。 JavaScriptの
デモなし
あなたはhttp://jsfiddle.netに単純化されたサンプルコードを作ることはできますか?現在あなたの質問の状態は、十分な情報やコードを持っていません – Huangism
[固定ヘッダを調整するためにhtmlアンカーをオフセットする]可能な複製(http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor- to-adjust-for-fixed-header) – rafaelcastrocouto
この問題の重複はあまりありません。コードがないために謝ります。問題を見つけました、ありがとうございます。私のjQuery –