6

ページ上の特定のアンカー タグに移動する方法を知っています。私がしようとしているのは、ターゲット アンカーの 30 ～ 40 ピクセル上にあるページの一部にリンクすることです。この理由は、アンカーのあるページの部分に直接移動したい場合、関連するコンテンツの一部をカバーするブートストラップ ナビゲーションがあるためです。

現在、私はリンク用にこれを持っています:

%a{:href => root_path + "#how_it_works"} How It Works

そして、それがリンクしているページで：

.span12#how_it_works

.span12#how_it_works の少し上にあるページのセクションに移動するためのリンクを取得する方法について何か考えはありますか?

4

5 に答える 5

1

ブラウザをだますいいアイデアを思いつきました。JavaScript は必要ありません。

div タグを作成し、名前を付けます。div を空にします。次にCSSでポジショニングを使用して、必要なだけ上に移動します。

position: relative;
top: -165px;

必要な場所に応じて、相対位置または絶対位置をいじることができます。

次に、その div タグをアンカー タグにします。

<div class="anchor_placement" id="anchor"></div>

アンカーに移動すると、div タグがある場所に移動します。

于 2014-04-28T22:59:56.023 に答える
0

Gu3miles - これは私にとって完璧に機能しました - 私は永続的なナビゲーションバーでアンカーを使用しています.

.anchorplace{position: relative;
top: -74px; }

<div class="anchorplace" id="challenge"></div>
于 2014-05-01T18:37:53.523 に答える