第130天 你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?
基于window对象,查找dom对应id的元素就是锚点。操作该元素组成的dom,用js改变视图层。在HTML中定义id,用document.queryselector找到该元素,既可以视作锚点。
锚点为 HTML 文档中的一个特定的位置。比如小节标题、页首、页尾。锚点可以通过 a 标签来实现。
<!-- href 前一定要加 # 号,这样点击时就会跳转到对应 name 所在的 a 标签位置 -->
<a href="#anchor">xxx</a>
<!-- 锚点的位置 -->
<a name="anchor">xxx</a>
当然,使用 javascript 获取到 DOM 元素之后,也可以根据元素的位置信息,利用 scrollTop 来进行页面位置的跳转。
秘籍:反复纵跳
<a name="begin" href="#end">jump to end</a>
...
<a name="end" href="#begin">jump to begin</a>
<a href="#ss"> -----> name="ss" 的a标签
<a href="#ss"> -----> id="ss" 的任意标签
这里name="ss" 的a标签、id="ss" 的任意标签都是锚点,简单创建用id就可以,绝大多数标签又可以有id属性,而name仅在a标签中才可以作为锚点
Most helpful comment
基于window对象,查找dom对应id的元素就是锚点。操作该元素组成的dom,用js改变视图层。在HTML中定义id,用document.queryselector找到该元素,既可以视作锚点。