Permítanme resumir varias situaciones del punto de control:
1. En la misma superficie de la página
<A name = add> </a> <!-Defina el punto de anclaje-> <a href =#add> saltar para add </a>
2. En diferentes páginas, el punto de anclaje se coloca en A.HTML, y el salto de salto desde el enlace de otra página a este punto de anclaje
<A href = a.html#add> saltar a a.add </a>
3. Haga clic en el enlace para activar el evento JS y saltar al punto de anclaje al mismo tiempo.
El primer tipo:
<A href =#add onClight = add ()> activar la función Agregar y saltar al punto de anclaje Agregar </a>
El segundo tipo:
<Div ID = Divnode> <!-Contenido-> </div> <!-Suponiendo un nodo que necesita ser saltado-> <a href =# onClick = document.getElemetnbyid ('Divnode'). falso;> realización del efecto del punto de anclaje a través de scrolliintoview </a>Existen varios métodos para establecer la posición de la posición de anclaje en HTML.
1. Use el posicionamiento de identificación:
<A href =#1f name = 1F> Punto de anclaje 1 </a> <div name = 1f> <p> 111111111111 </br> 111111111111 </br> 11111111111 </br> 111111111111 </br> 1111111111111 </br> > </p> </div>
Tal posicionamiento se puede ubicar para cualquier etiqueta.
2. Use el posicionamiento de nombre:
<A href =#5f> Punto de anclaje 5 </a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> "
El uso del atributo de nombre solo se puede ubicar para la etiqueta A, y otras etiquetas como Div no se pueden colocar.
3. Use el posicionamiento JS
<li class = onClick = javaScript: document.getElementById ('aquí').Ejemplo:
JS Punto de anclaje posicionamiento suave
<! {Fuente: 16PX; } Div.Test P {Altura: 400px; )? 0: V;} //? cabeza); + (E.CurrentStyle? Intval (E.Currenstyle.bordrTopWidth): 0); e.currensttyle.bordrtopWidth): 0); var, w, h; ScrollTop; , Duración) {if (typeOf el! = 'Objeto') {el = document.getElementById (el);} if (! El); = GetsCroll (); ) {var t = (nueva fecha) .GetTime (); {z.scroll (zpy, zpx)}, 13); (-Math.cos (p * math.pi) / 2) + 0.5) * (zpx -zsl) + zsl; Ventana .scrollto (l, t)}; > <a 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 > </div> <div class = test> <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 = 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> <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>Lo anterior es todo el contenido de este artículo.