HTML实现点击阅读导航，跳转到页面这个内容的开始部分。

Posted 2020-12-29 Louismm

1.相信大家上网的时候可能都用过点击一个页面的导航里的内容，然后页面会直接上下拖动到我们想看的文章的开始地方。那么这样的效果是怎么实现的，今天饿哦就和大家一起来分享。

 

2.第一我们要跳转到指定内容，那么我们旧的在这个内容的开始设置一个锚点。锚点的作用就是当我们点击鼠标的时候，他会自动找到我们设置的这个锚点，然后自动跳转到锚点位置，实现点击跳转到页面制定内容。

 

首先我们要在你设置的标签中使用id

比如：<h2 id="lovo">百科全书</h2>

那么现在这个id就是我们设置在h2标签里面的锚点。

 

 

然后 。我们在页面中导航的位置使用a标签

比如：<a herf="#lovo">跳转到百科全书</a>

那么现在我们使用连接的方式找到了锚点lovo，那么当我们点击a标签的时候，系统会自动找我们设置好的锚点并且实现跳转到指定内容的效果。