JS锚点的设置与使用方法_Javascript教程-查字典教程网

摘要：本文实例讲述了JS锚点的设置与使用方法。分享给大家供大家参考，具体如下：锚点锚点A锚点B锚点C锚点DAAABBBCCCDDD//设置锚点fu...

本文实例讲述了JS锚点的设置与使用方法。分享给大家供大家参考，具体如下：

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>锚点</title> </head> <body> <ul> <li><a href="javascript:void(0);">锚点A</a></li> <li><a href="javascript:void(0);">锚点B</a></li> <li><a href="javascript:void(0);">锚点C</a></li> <li><a href="javascript:void(0);">锚点D</a></li> </ul> <div id="A"> AAA </div> <div id="B"> BBB </div> <div id="C"> CCC </div> <div id="D"> DDD </div> <script> //设置锚点 function naver(id){ var obj = document.getElementById(id); var oPos = obj.offsetTop; return window.scrollTo(0, oPos-36); } </script> </body> </html>

效果图：

JS锚点的设置与使用方法1

希望本文所述对大家JavaScript程序设计有所帮助。