html - 带有标签的 URL 在 Firefox 中滚动，而不是 Safari、Chrome

Question

我有一些链接，当您单击它时，会将您带到另一个页面并附加一个哈希以滚动到该页面上的某个 div，格式如下：http://domain.com#respond

这在 Firefox 中按预期工作，但 Safari 和 Chrome 删除了哈希并保留在页面顶部。这是我的页面： http: //katielopezphotography.com/blog/

点击每页底部的“添加评论”。它应该加载单个帖子并滚动到评论部分。

Answer 1

您的问题是由于加载图像缓慢造成的。我对 jQuery 选项卡中的锚点有同样的问题。浏览器正确地转到该锚点，但随后图像正在加载并且浏览器不会再次转到该锚点。正如我所见，您的博客上有 jQuery，一个简单的解决方案是：

<script>
$(window).load(function() {
    if (window.location.hash != '') {
        window.location.hash = window.location.hash;
    }
});
</script>

此代码将在 dom 和图像加载并转到特定锚点后触发。