HTML中a标签锚点定位偏移距离定位顶部一段位移 适配导航固定站点

1.当界面需要fixed固定的标题栏时，点击对应的标题，a标签中的href就会链接到对应的内容段落里
2.标题栏随界面一直跟随，具有高度nav，在锚点定位中就会计算上nav的高度，导致被nav标题栏覆盖在下面
3.那么可以在需要跳转到的div里面加上一个暗锚，并定位到距离顶端的负距离值top（nav高度），在定位到暗锚时，就会自动空出一段距离了。

4.下面是代码部分
（1）nav标题栏：

<a href="#index" class="font-title font-active">首页</a>
<a href="#about-us" class="font-title">关于我们</a>
<a href="#btn-download" class="font-title">下载</a>

（2）跳转到的div部分以及暗锚

<div class="main-description">
  <!-- 跳转关于我们锚点-->
    <a name="about-us" style="position: relative;top: -80px;"></a>
 </div>

• 

  前端 分享一个简单大方的公告提示HTML页面

  2023-12-18 22:06:20 502阅读 0条评论6个赞

  欢迎访问我们的公告提示页面！此页面设计简洁大方，一目了然。我们精选了一条重要信息，以醒目的方式呈现给您。无需繁琐操作，即可快速获取所需内容。希望我们的公告提示页面能为您带来便捷与舒适的使用体验。
• 

  前端 UEditor编辑器自动追加p标签 br标签 标签自动转义等解决办法

  2023-03-14 05:15:43 771阅读 0条评论11个赞

  UEditor编辑器具备自动追加p标签、br标签以及标签自动转义等功能。若遇问题，可通过调整编辑器配置或编写自定义脚本解决，确保内容输出准确、规范，提升网页编辑效率及用户体验。
• 

  前端 HTML+JS点击复制文字效果（包含点击复制多行）最简单代码

  2022-08-28 12:03:36 728阅读 0条评论3个赞

  一键复制文字，多行也轻松搞定！简单HTML+JS代码，让复制更便捷。
• 

  帝国CMS 帝国CMS模板灵动标签调用父子栏目连接和名称导航

  2022-03-16 11:27:45 873阅读 0条评论16个赞

  帝国CMS模板灵动标签轻松实现父子栏目连接与名称导航，高效调用，简化操作。只输出一条简洁明了的导航链接，提升用户体验，优化网站结构，让信息展示更加清晰直观。
• 

  帝国CMS 帝国CMS模板使用灵动标签和万能标签附加sql语句的写法

  2022-03-05 16:32:50 650阅读 0条评论13个赞

  帝国CMS模板支持灵动标签与万能标签，结合SQL语句实现精准内容输出。通过简洁的标签语法，轻松控制数据展示，满足个性化需求。代码更简洁，提高网页加载速度，提升用户体验。