В этой статье описываются настройки и методы использования точек привязки JS. Поделитесь этим для вашей ссылки, следующим образом:
<! 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')"> якорь a </a> </li> <li> <a href = "javaScript: void (0);" onclick = "naver ('c')"> якорь b </a> </li> <li> <a href = "javaScript: void (0);" onclick = "naver ('c')"> якорь C </a> </li> <li> <a href = "javaScript: void (0);" onclick = "naver ('d')"> якорь d </a> </li> </ul> <div style = "foangy-color: #f60; высота: 400px;" id = "a"> aaa </div> <div style = "foangy-color: #f06; высота: 400px;" id = "b"> bbb </div> <div style = "foangy-color: #60f; высота: 400px;" id = "c"> ccc </div> <div style = "foangy-color: #06f; высота: 400px;" id = "c"> ccc </div> <div style = "foangy-color: #06f; высота: 400px;" id = "c"> ccc </div> <div style = "foangy-color: #06f; высота: 400px;" id = "d"> ddd </div> <script> // Установить функцию якоря Naver (id) {var obj = document.getElementbyId (id); var opos = obj.offsettop; return window.scrollto (0, opos-36);} </script> </body> </html>Изображение воспроизведения:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Structures и навыки алгоритма »и« Сводка использования математической операции JavaScript »»
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.