アンカーポイントの位置付け

Question

私はWordpressの垂直スクロール '視差'タイプのテーマを使用して作成された長い垂直ウェブサイトを持っています。すべてのコンテンツ領域は「投稿」を介して作成されます。投稿のタイトルはH1です。

私は、ポーズタイトル内で設定したアンカーポイントを呼び出すページの上部にスティッキーメニューを作成しました。 以下のとおりです。

<a name="ebook"></a>Ebook 

これは、今私のスティッキーメニューは、私はアンカーを設定するタイトル領域をカバーしているとして、それはコンテンツの半分だけを表示するポイントにスクロール動作しませんでした。それで、コンテンツの半分をカバーするメニューでスクロールします。

私はアンカーにクラスを割り当てて、アンカースクロールをコンテンツに正しく入れるために約200ピクセルの余白を設定していたと思いました。これはどちらもうまくいかなかった。

<a name="ebook" class="anchor"></a>Ebook 

以下Egが誰もがこれを解決して、私を案内してもらえますか？ WordPressの投稿/コンテンツ領域の上に約200ピクセルの位置にアンカーを配置して、コンテンツがうまく表示されるようにする必要があります。

（私はすでにアンカー間の円滑な移行を作成するためにsmoothscroll.jsを使用していて、むしろ、追加のまたは異なるJSの実装を見ていないだろう/私はCSSの解決策を探しています。）

Answer 1

それは少し不明です（例がうまくいきました）。しかし、私があなたを正しく理解していれば、私は過去に同様の問題を抱えていたと思います。 <a>は常にページの先頭にジャンプするので、スティッキーなナビゲーションがある場合は、<a>の情報をカバーします（最初の例では、あなたが言っていることの一部です）。なぜあなたは200px（それは不明）が必要だと思いますか分かりません。

はしかし、ここで私はどうなるのかです：はblockまたはinline-block表示を設定し、粘着性のNAVの高さに少なくとも等しいです、あなたの<a>タグの上padding-top。これが行うのは、aの上部をまだページの上部に置くことですが、テキストをバンプすることができます。 aの下部から任意の距離にコンテンツを配置できます。

例：http://jsfiddle.net/6zAYw/6/