HTML锚点跳转到id然后返回页面顶部

Question

在this page上，我使用了锚点来创建页面上特定引号的永久链接。

但是，我注意到将带锚点的网址直接放入浏览器的地址栏时，页面会导航到锚点，然后跳转到页面顶部。

跳转到锚点后，页面可能会跳到页面顶部的原因是什么？

<a href="index.php#twain" id="twain" class="quote">Mark Twain</a>

点击页面上的链接，一切都很好。但是，当我直接在浏览器中输入URL时，它会跳转到页面顶部。

Codepen链接：http://codepen.io/PenumbraBrah/pen/vKLymj

编辑： 好的。我想我找到了一个临时的（或者可能是长期的解决方案）。

如果我将此脚本添加到页面：

<script>
  window.onload = function () {
    var hash = window.location.hash.substring(1);
    window.location.hash = "#" + hash;
  }
</script>

...然后页面将被重新定位，即使它确实跳到了顶部。这至少是一种解决方法。