html - 如何锚定我的 html 索引？

Question

我正在尝试在我的主页上创建一个锚点，以便当有人导航到我的网站时，他会直接跳转到页面中间（而不是默认到页面顶部）。关于如何做到这一点的任何提示？

Answer 1

除非您在 URL 中有一个锚点，例如 www.yourdomain.com/#middleofpage，否则您需要在 javascript 中执行此操作：

查看scrollTo函数。

<script type="text/javascript">
    window.scrollTo( x-coord, y-coord )
</script>

如果您希望页面向下 50%，您可以计算如下：

<script type="text/javascript">
    var pageSize = (document.body.scrollHeight - document.body.clientHeight); 
    window.scrollTo(0,Math.ceil(pageSize/2);
</script>

Answer 2

<a href="index.html#idOfSectionToJumpTo">Link</a>