javascript - 最后一个 anchor 在页面末尾的空白区域

Question

我们有一个包含 anchor 列表的页面。单击导航后，每个 anchor 的内容都会显示在窗口顶部。

但是对于最后一个 anchor ，内容不会到达页面顶部，因为页面末尾没有足够的内容。因此必须添加空白空间，这会为不同大小的窗口带来问题。

有没有没有空白的地方可以解决问题？

谢谢!

Answer 1

您可以使用 :target伪类来设置与 URL 的哈希部分对应的锚定元素的样式，从而使锚定元素对用户来说更加引人注目。

此外，一些网站的页脚高度(包含大量版权、免责声明、存档链接等)使得页面甚至可以滚动到内容区域末尾的 anchor 。