html 具有固定标题的锚链接

Posted 2021-05-11

.anchor{
  display: block;
  height: 115px; /*same height as header/navbar */
  margin-top: -115px; /*same height as header/navbar */
  visibility: hidden;
}

<span class="anchor" id="section1"></span>

<div class="section">
  <!-- your content.. -->
</div>