
固定页眉占据视口上方空间,默认锚点滚动可能把标题对齐到被覆盖的位置。应在真实滚动容器和目标元素上设计适当偏移,常见可用机制包括scroll-margin或scroll-padding,而不是给每个标题塞空白段落。
确认滚动发生在哪个容器
通常是页面滚动,但弹窗、内容面板或嵌套区域也可能自己滚动。记录锚点链接和目标ID,排除重复ID、链接写错或脚本滚动被另一层截获。若目标本来不存在,增加偏移不会修好跳转。
测量不同状态下的页眉高度
桌面、手机、登录工具栏和缩小后的粘性页眉可能高度不同。偏移要与实际遮挡关系匹配,并适当留出阅读空间,不从参考网站抄一个固定数字。顶部公告和联系条若也固定,应一并计算,但不能重复加上本来已经占位的结构。

选定统一的偏移策略
scroll-margin可作用于目标,scroll-padding可描述滚动容器内的理想可见范围,具体需按实现核对。与平滑滚动插件共用时注意是否叠加了两次偏移。避免在正文中插入不可理解的空段落或负定位锚点,增加后期编辑困难。
检查点击、直接链接与键盘路径
除了点目录,还要直接打开带片段的URL、使用浏览器前进后退和键盘操作。图片或字体后加载可能改变位置,应在真实加载过程中查看。用户开启减少动态偏好时,平滑动画也应合理退让,而目标标题始终可见。
关键区别

锚点ID:标识跳转目标;必须唯一且真实存在。
滚动偏移:保留目标可见空间;按页眉状态确定。
固定页眉:覆盖视口部分区域;多断点分别检查。
怎样确认处理到位
目录、外部片段链接及前进后退均能到达可见标题,手机和登录状态无非预期遮挡,正文没有被插入无用占位。
容易误判的边界
本篇不要求所有页面使用同一个偏移值;嵌套滚动和第三方平滑脚本可能需要分别处理,不能只看一次目录点击。
