＃リンクのオフセットを変更していますか？

Question

私はトップバーを固定しています。内部リンク（<a href="#xxx">）をクリックすると隠れてしまいます。任意の#xxxリンクがZピクセルを自動的にオフセットするように（Jquery/JSを介して）強制する方法はありますか？

要求されたよう

、たとえばリンク：http://examine.com/supplements/Creatine/#ref32

Answer 1

この問題を解決するにはjavascriptを使用するのではなく、html/cssの変更でこれを処理する方が良いです。固定コンテンツのプレースホルダとしてページ上部に余白を付けてスクロール可能なdivにコンテンツを配置します。 htmlを投稿すると、より具体的な助言を与えることができます。ここで

は一例です：私はちょうどこれに対処しなければならなかったので

http://jsfiddle.net/mrtsherman/CsJ3Y/3/

body { overflow: hidden; } 
#header { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: gray; border: 1px solid black; } 
#content { 
    overflow: scroll; 
    position: absolute; 
    top: 50px; 
    bottom: 0px; 
    width: 100%; 
    border: 1px solid blue; 
} 

HTML

<div id="header">header</div> 
<div id="content"> 
    <div> 
     Page Content <br /> 
     <a id="a1" href="#anchor2" name="anchor1">Anchor 1</a>     
     <a id="a2" href="#anchor1" name="anchor2">Anchor 2</a> 
    </div> 
</div>​ 

Answer 2

のような何か：

$('a[href^=#]').offset({ top: 10, left: 10 }); 

？

Answer 3

...

HTML：

<h1><span class="offsetTarget" id="title">&#8203;</span>My Title</h1> 

... 

<a href="#title">This is a link</a> 

CSS：

.offsetTarget { position: relative; bottom: 50px; } 

は50pxには、あなたのバーの高さがあるものは何でもすることができます。あなたは何かスパンで、​（幅のないスペース）がうまくいきました。