点击导航栏滚动到对应位置(延迟效果)
1.跳转实现
<div id="a"></div>
<a href="#a">跳转</a>
如上图两行代码便可实现a标签‘#’后面跟对应的id值
2.锚点跳转滑动效果
<style>
.btn{
position:fixed;
right:10%;
top:20%;
}
.btn a{
display:block;
width:80px;
text-align:center;
color:#fff;
}
</style>
<div id='a' style="height:100vh;background:red"></div>
<div id='b' style="height:100vh;background:yellow"></div>
<div id='c' style="height:100vh;background:pink"></div>
<div id='d' style="height:100vh;background:blue"></div>
<div class='btn'>
<a href="#a">跳转a</a>
<a href="#b">跳转b</a>
<a