除了锚链接，还有什么办法实现定位？

最新推荐文章于 2023-08-25 16:49:23 发布

烟雨客栈

最新推荐文章于 2023-08-25 16:49:23 发布

阅读量1.3k

点赞数

文章标签：设置锚点

本文链接：https://blog.csdn.net/qq_30152271/article/details/50764306

版权

1.使用scrollIntoView方法

<li><a onclick="javascript:document.getElementById('user1').scrollIntoView();">user1</a></li>

2.使用js，如下：

<!DOCTYPE html>  
<html lang="zh-cn">  
<head>  
<meta charset="UTF-8">  
<title>锚点</title>  
</head>  
<body>  
<ul>  
    <li><a href="javascript:void(0);" onclick="naver('A')">锚点A</a></li>  
    <li><a href="javascript:void(0);" onclick="naver('B')">锚点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="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>