指向元素ID的超链接点击无响应如何排查解决

你提供的锚点链接代码本身语法没有问题，跳转失效可按以下顺序排查：

• 确认目标区块存在完全匹配的id属性
  你设置的锚点是#portfolio，必须保证页面内有且仅有一个元素的id值为portfolio，注意大小写完全一致、不能有多余空格，示例正确写法如下：

  <!-- 跳转目标区块示例 -->
  <section id="portfolio">
    这里是作品集相关内容
  </section>
  

• 不要使用已废弃的name属性做锚点
  HTML5已不再支持<a name="portfolio"></a>这种锚点定位方式，如果你用了这种写法设置跳转目标，直接把name属性值改为对应区块的id属性即可。
• 排查是否有JS脚本拦截了默认跳转逻辑
  单页应用、自定义平滑滚动脚本都可能劫持锚点跳转的默认事件，可临时禁用页面JS测试跳转是否正常，定位是否为脚本逻辑错误导致的失效。
• 确认目标元素未被隐藏
  如果目标区块设置了display: none、visibility: hidden这类隐藏样式，部分浏览器会跳过对应锚点的跳转逻辑。
• 检查页面是否存在重复ID
  同一个ID在单页面内只能出现一次，如果有多个元素使用id="portfolio"，浏览器只会识别第一个出现的元素，甚至直接出现跳转失效。

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