0

面白い「問題」。トップバーをサイトに常駐させるのに多くの時間を費やしました。現在、アンカーがページ上でクリックされるたびに、ブラウザはセクションに移動しますが、永続的なバーがあるため、そのセクションの開始は永続的なバーの後ろに隠されています:)

Jquery などを介してこれを追跡し、ブラウザのデフォルトの代わりに、「アニメーション」と「scrolltop」を使用してアンカー作業へのスクロールを行うことができる賢いアイデアはありますか? -- 次に、ユーザーをアンカーのオフセットの約 30 ピクセル上に移動します。これにより、永続バーがあっても、目的の宛先が永続バーの下に表示されるようになりますか?

ページ内でリンクがクリックされたときにこれを制御できますが、ユーザーがアンカーを介してページにアクセスしたときに制御するにはどうすればよいですか。ありがとう！

4

2 に答える 2

1

このjqueryの例を確認してください。スムーズスクロールまた、トップバーのバッファゾーンを設定できるようにオフセット変数を設定する方法も示しています

于 2013-02-12T19:29:17.823 に答える
1

window.location.hash を使用して、アンカー ハッシュを分離できます。URL の残りの部分によっては、hashTag 値を少し調整する必要がある場合があります。次に、jQuery オブジェクトを取得したら、好きなように実行できます。

HTML:

< a id="sectionName" name="sectionName"></ a>

JS:

var hashTag = window.location.hash;
$(hashTag).css({ position: "absolute", top: "30px" });
于 2013-02-12T19:57:51.153 に答える