Rails link_to、アンカーの50ピクセル前にジャンプ

Question

私は、ページ内のdivにリンクしている私のレールアプリのナビゲーションバーにボタンを持っています。リンクはうまく動作しますが、私はトップに固定されたブートストラップのナビゲーションバーを使用しているので、navbarはdivの上部を切り捨てます。今、私のレールが、私はこれが私にtestimonialsSection前に50個のピクセルを取るために編集することができますどのようにこの

li = link_to new_family_path(anchor: "testimonialsSection") 
    span Testimonials 

のように見えるからリンクされて？

Answer 1

ビット 'ハッキー'ですが、目標のdivを開く直前に、目に見えない相対位置のリンクタグを挿入します（this回答に記載）。そのリンクのtopルールは、あなたが望むものであれば何でもかまいません。そうすれば、画面の位置を制御できます。このような何か：

... 
<a href="#" id="targeted-elem-anchor"></a> 
<div id="targeted-elem">...</div> 
... 

、あなたのCSSファイル内：; bodyタグに `か何かの固定ナビゲーションバーを使用する場合に70ピクセル：

#targeted-elem-anchor{ 
    position: relative; 
    display: block; 
    top: -50px; // this should move the jump 50px above the #targeted-elem 
}