web-dev-qa-db-ja.com

divからアンカーへのページジャンプ

私はdivを<a href="#FAQ">FAQ</a>からdiv idにジャンプさせようとしていましたが、簡単に成功することができましたが、ジャンプするための固定リンクがあるため、方法を見つけることができませんそれを行う。

つまり、同じページ内のURLにジャンプするdivまたはa hrefリンクが必要です<a href="http://www.mydomain.ask.html">Ask</a>

<a href="#jump">jump</a>などのアンカーから<div id="jump">jump to point</div>などのdivへのジャンプが正常に機能することは確かです。しかし、反対の方法はどうですか？それは機能しますか？ div idからアンカーにジャンプするということですか？

htmlanchorpage-jump
12
Digital site

アンカーにIDがある限り、divをクリックしてビュー内の場所にリンクできます。JavaScriptが必要です。

window.location.hash値は、選択したIDにビューのフォーカスを置きます。

サンプル

<a href="#test1" id="back">Test</a>

<div id="test1" onclick="window.location.hash='back'; ">

JSFiddleの例

22
Malkus

最初のdiv内に<a href="yourid">page place</a>を追加し、アンカータグ<a href="yourplace" id="idname"></a>にidを与える必要があると思います

4
Mike Phils

別の変数に移動するためのリンクがある場合は、id＃signで使用できます

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a>

<div id="lastdiv">There are last product Exist</div>
3
YeHtunZ