コントロールポイントのいくつかの状況を要約しましょう。
1。同じページ表面に
<a name = add> </a> <！ - アンカーポイントを定義する - > <a href =＃add> jump to add </a>
2。異なるページで、アンカーポイントはA.htmlに配置され、別のページのリンクからこのアンカーポイントへのジャンプジャンプが
<a href = a.html＃add> a.add </a>にジャンプします
3.リンクをクリックして、JSイベントをトリガーし、同時にアンカーポイントにジャンプします。
最初のタイプ：
<a href =＃add onclight = add（）> add関数をトリガーし、アンカーポイントにジャンプする</a>
2番目のタイプ：
<div id = divnode> <！ - contents-> </div> <！ - > <a href = onclick = document.geteLemetnbyid（ 'divnode'）を仮定しますfalse;> Scrolliintoview </a>を介してアンカーポイント効果を実現します
HTMLには、Anchor Positionsのポジショニングを使用し、JSのポジショニングを使用する方法があります
1。IDポジショニングを使用します：
<a href =＃1f name = 1f>アンカーポイント1 </a> <div name = 1f> <p> 111111111111111111111111111111111111111111年11111111111111111111111年生</br> 1111111111111111111111111111111111111111111111111111111111年> </p> </div>
このようなポジショニングは、あらゆるラベルに配置できます。
2。名前の位置を使用します：
<a href =＃5f>アンカーポイント5 </a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> "
名前属性を使用することは、Aタグに対してのみ配置でき、Divなどのその他のタグを配置できません。
3。JSポジショニングを使用します
<li class = onclick = javascript：document.getElementById（ 'here'）> </li> </li> </li>
例：
JSアンカーポイントスムーズなポジショニング
<！ {16px：solid＃aaa： } div.test p {height：400px; ）0：} //？ヘッド）; +（e.currenstyle.bordrtopwidth）：0）; e.currensttyle.bordrtopwidth：0）; var、w、h; if（document.documentedelement && documentlement.scrolltop T.DocumentElement; l = document.documentedment.scrollleft; w = document.documentelement.scrollwidth; scrolltop.body.body.body.scrollheight; 、持続時間）{typeof el！= 'object'）{entelementbyid（el）; = getScroll（） ）{var t =（new Date）.gettime（）; {z.scroll（zpy、zpx）}、13）; （-math.cos（p * math.pi） / 2） + 0.5） *（zpx -zsl） + zsl; window .scrollto（l、t）}; > <name = header_1 id = header_1> </a> <strong onclick = javascript：scroller（ 'header_4'、800）;> header_1-> header_4 </p> </p> </div> </div> </div> div class = test> <a name = header_2 id = header_2> </a> <strong onclick = javascript：scroller（ 'header_5'、800）;> header_2-> header_5 </strong>> </p/p > </div> <div class = <a name = header_3 id = header_3> </a> <strong onclick = javascript：scroller（ 'header_6'、800）; class = test> <a name = header_4 id = header_4> </a> <strong onclick = javascript：scroller（ 'header_7'、800）;> header_4-> header _7 <</strong> <p> </p> </div> <div class> <a name = header_5 id = header_5> </a> <strong nowledge = javascript：scroller（ 'header_3'、800）; /p> </div> <div class = test> <a name = header_6 id = header_6> </a> <strong onclick = javascript：scroller（ 'header_2'、800）;> header_6-> header_2 </strong > <p> </p> </div> <div class = test> <a name = header_7 id = header_7> </a> <strong onclick = javascript：scroller（ 'header_1'、800）;> header_7-> header_1 </strong> <p> </p> </body> </html>上記は、この記事のすべての内容です。