1.使用scrollIntoView方法 <li><a onclick="javascript:document.getElementById('user1').scrollIntoView();">user1</a></li> 1 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=" height: 400px;" id="A"> AAA </div> <div style=" height: 400px;" id="B"> BBB </div> <div style=" height: 400px;" id="C"> CCC </div> <div style=" 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>
滚动定位的多种方法
猜你喜欢
转载自www.cnblogs.com/chiangyibo/p/8992735.html
今日推荐
周排行