Permettez-moi de résumer plusieurs situations du point de contrôle:
1. Sur la même surface
<A name = add> </a> <! - Définissez le point d'ancrage-> <a href = # add> sauter pour ajouter </a>
2. Dans différentes pages, le point d'ancrage est positionné dans A.Html, et le saut de saut du lien d'une autre page à ce point d'ancrage
<A href = a.html # add> sauter à A.Add </a>
3. Cliquez sur le lien pour déclencher l'événement JS et sauter au point d'ancrage en même temps.
Le premier type:
<A href = # add onclight = add ()> déclencher la fonction Ajouter et sauter au point d'ancrage ADD </a>
Le deuxième type:
<div id = divnode> <! - Contenu-> </ div> <! - En supposant un nœud qui doit être sauté-> <a href = # onclick = document.getEleMetnByid ('divnode'). FAUX;> Réalisez l'effet Point d'ancrage par ScrolliIntoView </a>Il existe plusieurs méthodes pour définir le positionnement de la position d'ancrage dans HTML.
1. Utilisez le positionnement de l'ID:
<A href = # 1f name = 1f> Point d'ancrage 1 </a> <div name = 1f> <p> 1111111111 </br> 11111111111111111111111 > </p> </div>
Un tel positionnement peut être localisé pour n'importe quelle étiquette.
2. Utilisez le positionnement du nom:
<A href = # 5f> point d'ancrage 5 </a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> "
L'utilisation de l'attribut de nom ne peut être localisée que pour la balise A, et d'autres balises telles que Div ne peuvent pas être positionnées.
3. Utilisez le positionnement JS
<li class = onclick = javascript: document.getElementyid ('ici').Exemple:
JS Point d'ancrage positionnement lisse
<! {Font-Size: 16px; } Div.test p {hauteur: 400px; )? 0: V;} //? tête); + (E.currentStyle? Intval (e.currenstyle.BordrtopWidth): 0); E = E.OffsetParent; e.currenstyle.bordrtopwidth): 0); var, w, h; if (document.DocumentEdElement &&& documentElement.scrollTop t.DocumentElement. ScrollTop; l = document.DocumentEdlement.Scrollft; W = document.DocumentElement.ScrollWidth; d'autre part (document.body) {t = document.body. ScrollTop; , Durée) {if (typeof el! = 'Objet') {el = document.getElementyid (el);} if (! El); = GetScroll (); Z.CLACEUR = FONCTIONNEMENT ) {var t = (nouvelle date) .gettime (); var p = (t -zt) / durée; {z.scroll (zpy, zpx)}, 13);} else {st = (-math.cos (p * math.pi) / 2) + 0,5) * (zpy - zst) + zst; (-Math.cos (p * math.pi) / 2) + 0,5) * (zpx -zsl) + zsl; Window .scrollto (l, t)}; z.timer = window.setinterval (function () {z.step ();} > <a name = header_1 id = header_1> </a> <fort 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> <fort onclick = javascript: scroller ('header_5', 800);> header_2-> header_5 </strong>> </p > </ div> <div class = test> <a name = header_3 id = header_3> </a> <fort onClick = javascript: scroller ('header_6', 800); class = test> <a name = header_4 id = header_4> </a> <fort onclick = javascript: scroller ('header_7', 800);> header_4-> en-tête _7 << / strong> <p> </p> </ div> <div class = test> <a name = header_5 id = header_5> </a> <Strong Knowledge = JavaScript: Scroller ('header_3', 800); / p> </ div> <div class = test> <a name = header_6 id = header_6> </a> <fort 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> <fort onclick = javascript: scroller ('header_1', 800);> header_7-> Header_1 </strong> <p> </p> </ body> </html>Ce qui précède est tout le contenu de cet article.