index同时引入about.html与contact.html后如何实现同页锚点滚动跳转

• 第一步：给contact板块添加唯一标识ID
  找到index.html中承载contact.html引入内容的最外层容器元素，为其添加唯一id属性，示例代码：

<!-- index.html 中引入contact内容的容器 -->
<div id="contact-block">
  <!-- 此处是你引入的contact.html所有内容 -->
</div>

注意：你可以自定义id值，只要保证整个index.html页面内没有其他元素使用相同id即可。

• 第二步：修改about.html中的contact链接
  把about.html里文字为contact的a标签的href属性值改为#+你刚才设置的contact板块id，示例代码：

<!-- about.html 中的contact链接 -->
<a href="#contact-block">contact</a>

• 可选：添加平滑滚动效果
  如果想要点击链接后页面平滑滚动到目标位置，而不是瞬间跳转，可以在全局CSS中添加如下规则：

html {
  scroll-behavior: smooth;
}

内容的提问来源于stack exchange，提问作者Zara