源码

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  









<h1>示例</h1>




<div style="height:1000px ;background-color: blue;"></div>

<p id="dd" >点击锚点后跳转到这</p>


<div style="height:1000px ;background-color: red;"></div>






  <button  id="aa">一个锚点</button>








<script>    document.querySelector("#aa").onclick = function(){
  document.querySelector("#dd").scrollIntoView(true);
}
//如果为true，元素的顶端将和其所在滚动区的可视区域的顶端对齐
 //如果为false，元素的底端将和其所在滚动区的可视区域的底端对齐
</script>







</body>
</html>






Document

示例

点击锚点后跳转到这里