Deixe -me resumir várias situações do ponto de controle:
1. Na mesma superfície da página
<A nome = add> </a> <!-Defina o ponto âncora-> <a href =#add> pular para adicionar </a>
2. Em diferentes páginas, o ponto de ancoragem está posicionado em A.html, e o salto salto do link de outra página para este ponto de ancoragem
<A href = a.html#add> pular para a.add </a>
3. Clique no link para acionar o evento JS e pule para o ponto de ancoragem ao mesmo tempo.
O primeiro tipo:
<A href =#add onclight = add ()> acionando a função Adicionar e saltar ao ponto de ancoragem </a>
O segundo tipo:
<div id = divnode> <!-conteúdo-> </div> <!-assumindo um nó que precisa ser saltado-> <a href =# onclick = document.getEleMetnbyId ('divnode') Falso;> Perceba o efeito do ponto de ancoragem por meio de scrolliintoView </a>Existem vários métodos para definir o posicionamento da âncora em HTML.
1. Use o posicionamento do ID:
<A href =#1f nome = 1f> Ponto de ancoragem 1 </a> <nome de div = 1f> <p> 11111111111 </br> 111111111111 </br> 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 > </p> </div>
Esse posicionamento pode ser localizado para qualquer rótulo.
2. Use o posicionamento do nome:
<A href =#5f> ponto de ancoragem 5 </a> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> "
O uso do atributo de nome pode estar localizado apenas para a tag A, e outras tags como o DIV não podem ser posicionadas.
3. Use o posicionamento JS
<li class = OnClick = javascript: document.getElementById ('aqui').Exemplo:
JS Anchor Point Posicionamento suave
<! {font-size: 16px; } Div.test p {altura: 400px; )? cabeça); + (E.CurrentStyle? e.currensttyle.bordrtopwidth): 0); var, w, h; Scrolltop; , Duração) {if (typeof el! = GetsCroll (); ) {var t = (nova data) .getTime (); {z.scroll (zpy, zpx)}, 13); (-Math.cos (p * math.pi) / 2) + 0,5) * (zpx -zsl) + zsl; Window .ScrollTo (L, T)}; > <a nome = header_1 id = header_1> </a> <forte onclick = javascript: scroller ('header_4', 800);> header_1-> header_4 </p> </p> </div> </div> </div> div class = test> <a nome = header_2 id = header_2> </a> <forte onclick = javascript: scroller ('header_5', 800);> header_2-> header_5 </strong>> </p > </div> <div class = test> <a nome = header_3 id = header_3> </a> <forte onclick = javascript: scroller ('header_6', 800); class = teste> <a nome = header_4 id = header_4> </a> <forte onclick = javascript: scroller ('header_7', 800);> header_4-> cabeçalho _7 <</strong> <p> </p> </div> <div class = test> <a nome = header_5 id = header_5> </a> <conhecimento forte = javascript: scroller ('header_3', 800); /p> </div> <div class = test> <a nome = header_6 id = header_6> </a> <forte onclick = javascript: scroller ('header_2', 800);> header_6-> header_2 < > <p> </p> </div> <div class = test> <a nome = header_7 id = header_7> </a> <forte onclick = javascript: scroller ('header_1', 800);> header_7-> Header_1 </strong> <p> </p> </body> </html>O acima é todo o conteúdo deste artigo.