问题描述
锚点的定位原理:锚点的scrollTop的值的来定位,当具有固定头部,自然会被挡住
解决问题思路
- 把锚点的高度top设定一定的值,让锚点显示位置,脱离【固定头部】的高度
/**配置锚点距离顶部高度**/
.text-content .reference-link {position: relative;top:-78px;}
或者
<!-- 文章正文渲染 -->
<div class="text-content markdown-body editormd-preview-container" th:utext="${vdata.content}">
文章详情
</div>
<!-- 锚点处理 top:的数值是距离顶部的距离-->
<a name="home" style="position:relative;top:-78px;"></a>