创建锚点
<a id="标题一" class="anchor"></a>
创建跳转连接 其中href 填写锚点的id
<a href="rootUrl + '#标题一'">到标题</a>
一般我们的锚点跳转会直接将锚点置于视窗的最顶部，也就是说锚点的上顶点会与视窗顶部重合。如果这时候我们顶部有固定元素（比如导航之类的），锚点标题就会被遮挡。
为了解决这问题，我们可以使用伪类befor来为锚点标签添加高度以消除固定元素的遮挡部分。
.anchor::before{
display: block;
height: 6rem;
margin-top: -6rem;
visibility: hidden;
content: "";
}
具体在于使用margin-top:-6rem来消除高度 a 标签高度的增加对于布局的影响。一定要与height的值为相反数，这样就不会影响之前的布局
在HTML中使用锚点连接，用户可以快速定位到目标内容。创建锚点定位分成两步：1、定义锚点连接： 2、设置连接id
基本语法 创建锚点 创建跳转连接 其中href 填写锚点的id 存在问题 一般我们的锚点跳转会直接将锚点置于视窗的...
传统的锚点定位会与vue-router中的路由设置存在冲突，解决方法自定义锚点跳转： html： js：
锚点是什么 在html语言中，锚点可以快速定位到页面元素的位置。例如下面这个链接就可以让读者直接跳到“有用的提示”...
overflow 与锚点定位 锚点，通俗点的解释就是可以让页面定位到某个位置的点。 基于URL 地址的锚链实现锚点...
使用id定位 a标签的href属性设置成要定位的元素的id 点击后div6就会出现在视野中。 使用name定位 此...
今天的知识点 (2020.03.27) —— 第346天 (我也要出题) [html] 举例说明锚点定位有什么作用...
当我们使用a标签做锚点定位的时候，如果有做固定顶部导航栏的话，直接定位到锚点的时候，会发现定位的位置相较于锚点往下...
1.1 锚点定位 （难点） 通过创建锚点链接，用户能够快速定位到目标内容。 创建锚点链接分为两步： 1.2 bas...
定义 关于HTTP协议，一篇就够了 Http中的URL 详解URL的组成 URL锚点HTML定位技术机制、应用与问...
本文标题：HTML锚点定位的一些感受
本文链接：https://www.haomeiwen.com/subject/oosrzftx.html
网友评论