我在一个用 Elementor 做的长页面上放了几个“跳到本节”的按钮,按钮链接填的是 #section-id,对应容器的 CSS ID 也设置好了。在编辑器预览里点击能正常滚到目标位置,但前台发布后点击只是在地址栏加上了 #片段,页面几乎不动,偶尔会跳到偏上或偏下的位置。
目前已做过这些:确认各容器 CSS ID 没有重复、没有以数字开头;清过 Elementor 缓存、浏览器缓存和 CDN 缓存;临时停用了平滑滚动和懒加载相关的插件,也切换过一次默认主题做对比;固定头部的高度我手动估了一个偏移量,但效果不稳定。用浏览器控制台看,点击时没有明显报错,不确定该查 DOM 里锚点是否真的渲染出来,还是查某个脚本拦截了默认跳转。
想请教一个可复现的排查顺序:先确认锚点元素在前台是否存在,再看是否有插件或主题脚本接管了点击事件,最后处理固定头部的偏移。另外懒加载如果让下方区块在跳转时还没渲染出来,是不是也会造成落点不准?希望有经验的朋友能给个具体的定位步骤。


