この記事では、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 = "background-color：＃f60; height：400px;" id = "a"> aaa </div> <div style = "background-color：＃f06; height：400px;" id = "b"> bbb </div> <div style = "background-color：＃60f; height：400px;" id = "c"> ccc </div> <div style = "background-color：＃06f; height：400px;" id = "c"> ccc </div> <div style = "background-color：＃06f; height：400px;" id = "c"> ccc </div> <div style = "background-color：＃06f; height：400px;" id = "d"> ddd </div> <script> //アンカー関数naver（id）{var obj = document.getElementbyid（id）; var opos = obj.offsettop; 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構造とアルゴリズムのスキル」および「JavaScriptの数学的操作の使用の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。