URL 中的 HTML anchor 在 Chrome 中不起作用

Question

我一直在为一件小事烦恼:https://numa.co/about/#corporate-innovation

此 URL 没有转到正确的 anchor ，仅在 Chrome 中，我不明白为什么......它在我们的开发环境中有效。我能看到的唯一区别是我们落后了 Cloudflare在生产中，它是 HTTPS。不过，我看不出这会有什么不同。

Answer 1

这是解决您的问题的方法，在所有主流浏览器中都能正常工作。

将此 JavaScript 代码放在 anchor 所在页面的头部部分。

<script>
window.onload = function() {
    if(window.location.hash) {
       elmnt = document.getElementById(window.location.hash.substring(1));
           elmnt.scrollIntoView(true);
    }
}
</script>