本地站点锚点跳转失效：点击链接仅更新URL不跳转到对应id div如何修复

修复方案 #

• 先确认锚点与目标ID的一致性：你当前设置的跳转锚点是#projects，但你提到的目标div ID是project，二者少了末尾的s，浏览器锚点跳转要求二者完全匹配，大小写也需要对应。你可以直接把链接的href改为http://127.0.0.1:5500/#project，或者把目标div的id属性改为projects即可解决绝大多数这类问题。
• 如果修改后仍无法跳转，可以按以下步骤排查：
  • 确认目标元素为静态渲染节点：如果project节点是通过JS动态插入DOM的，页面初始加载完成时该节点还不存在，浏览器找不到目标就不会触发跳转，可以打开F12控制台执行document.getElementById('project')，返回null就说明目标元素未正常挂载。
  • 检查JS是否阻止了默认行为：如果页面绑定了全局点击事件、hashchange事件监听，并且代码里调用了preventDefault()，会直接阻止默认的锚点滚动逻辑。
  • 排查目标元素的CSS属性：如果project元素设置了display: none、visibility: hidden或者position: fixed这类脱离正常文档流的属性，浏览器也不会触发滚动跳转。

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