锚点跳转常因固定导航栏遮挡目标元素，应使用带负 margin 的空辅助元素（如 height:60px; margin-top:-60px）实现精准定位，而非 :target 伪类；平滑滚动推荐 js 拦截 + scrollintoview 并手动减去导航栏高度。
直接用 @#@#@#@#@#@#@#@#@#@0
id 值不能含空格、中文、特殊符号（如 #、.），建议只用小写字母、数字、短横线点击后按钮被顶部导航栏遮住怎么办
这是最常踩的坑：锚点滚动把目标元素顶到视口顶部，但你的 position: fixed 导航栏高度是 60px，结果按钮实际可见区域被切掉上半部分。
- 别用
:target加padding-top—— 它会撑开按钮容器，可能破坏原有布局或触发重排 - 推荐做法：在目标按钮前插入一个空的辅助元素，高度等于导航栏高度，例如：
<div id="anchor-submit" style="height: 60px; margin-top: -60px;"></div> - 链接指向这个辅助元素：
<a href="#anchor-submit"></a>，视觉上就刚好把按钮“露出来” - 注意
margin-top: -60px是为了抵消自身高度，避免页面多出空白
想让滚动更顺滑，但又不想全局生效
scroll-behavior: smooth 确实能让锚点跳转变平滑，但它作用于整个 或 ，可能干扰其他 JS 滚动逻辑（比如轮播图、虚拟列表）。
- 只对锚点生效的稳妥方式是用 JS 拦截默认行为：
document.querySelectorAll('a[href^="#"]').forEach(...) - 调用
element.scrollIntoView({ behavior: 'smooth', block: 'start' })，并手动计算偏移量（减去导航栏高度） - 如果页面有动态加载内容（比如 Vue/React 组件异步渲染），得等 DOM 就绪后再执行滚动，否则
scrollIntoView找不到目标元素
真正麻烦的不是怎么跳过去，而是跳过去之后用户能不能立刻看到按钮——偏移量算错 1px、fixed 元素 z-index 没压住、或者 JS 滚动被节流函数拦截，都会让这个看似简单的功能失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
