一般我们翻阅百科的时候，如果文章过长的话，就不太方便找到我们想要的资源。此时有一个定位导航的话，那可真是帮大忙了~今天，就来聊聊这种常见的锚点定位导航的原理以及是如何实现的。定位原理首先我们来了解一下，什么锚点？在海上，水手们会将锚丢入海中，或者靠岸时将锚抛上岸，其固定目的是让船固定位置。而**锚点(anchor)**也是一样，只不过场景不同罢了。页面锚点定位可以通过 name 或者 id 属性来定位。name 已经被 HTML5 废弃了，就不再多提。在页面上，每个 id 都会自动创建一个锚点，同时还会生成一个 hash，表示所处的文档位置。浏览器可以通过 hash 来确定位置，使用的方式一般……