手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS锚点的设置与使用方法
JS锚点的设置与使用方法
摘要:本文实例讲述了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程序设计有所帮助。

【JS锚点的设置与使用方法】相关文章:

在JavaScript中使用NaN值的方法

简述JavaScript中正则表达式的使用方法

JS动画效果打开、关闭层的实现方法

在JavaScript的正则表达式中使用exec()方法

jQuery预加载图片常用方法

JSON简介以及用法汇总

JavaScript中的Math.E属性使用详解

删除javascript所创建子节点的方法

JavaScript中使用自然对数ln的方法

跨浏览器的设置innerHTML方法

精品推荐
分类导航