Este artículo describe la configuración y los métodos de uso de los puntos de anclaje JS. Compártelo para su referencia, como sigue:
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> Anchor </title> </head> <body> <ul> <li> <a href = "javaScript: void (0);"; " onClick = "Naver ('a')"> Anchor a </a> </li> <li> <a href = "javascript: void (0);" onClick = "Naver ('C')"> Anchor B </a> </li> <li> <a href = "javascript: void (0);" onClick = "Naver ('C')"> Anchor C </a> </li> <li> <a href = "javascript: void (0);" onClick = "Naver ('D')"> Anchor d </a> </li> </ul> <div style = "Color de fondo: #F60; altura: 400px;" id = "a"> aaa </div> <div style = "Color de fondo: #F06; altura: 400px;" id = "b"> bbb </div> <div style = "Color de fondo: #60f; altura: 400px;" id = "c"> ccc </div> <div style = "Color de fondo: #06F; altura: 400px;" id = "c"> ccc </div> <div style = "Color de fondo: #06F; altura: 400px;" id = "c"> ccc </div> <div style = "Color de fondo: #06F; altura: 400px;" id = "d"> ddd </div> <script> // establecer la función de anclaje nave (id) {var obj = document.getElementById (id); var opos = obj.offsettop; return window.scrollto (0, opos-36);} </script> </body> </html>Imagen de reproducción:
Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen del algoritmo y habilidades de traversal de JavaScript", "Resumen de JavaScript Cambio de efectos especiales y habilidades de algoritmo de búsqueda de JavaScript", "Resumen de los efectos especiales de animación de JavaScript y habilidades", "Summary of Javasscript y habilidades de debugging de Javugging", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", "", "", "" Estructuras y habilidades de algoritmo "y" Resumen del uso de la operación matemática de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.