使用 only html5 和 css 使 a-tag 滚动/跳转到 div？

【问题标题】：Make a-tag scroll/jump to a div with *only* html5 and css?使用 *only* html5 和 css 使 a-tag 滚动/跳转到 div？
【发布时间】：2013-09-15 15:38:34
【问题描述】：

我的单页网站上有一个使用 JavaScript 滚动（动画）到 div 的页面。

现在我想让用户在禁用 JavaScript 时做同样的事情。所以至少用户应该能够跳转到具有相同链接的 div。

有没有可能这样做，如果有，怎么做？

【问题讨论】：

标签： css html

【解决方案1】：

是的，使用锚标签。

<a href="#foo">go to foo</a>

<p>some long text</p>

<p id="foo">this is foo</p>

这里已经详细讨论过：hash in anchor tags

【讨论】：

谢谢！有没有办法为该滚动位置使用像素偏移量？（我正在处理一个固定定位的导航栏，所以它现在不会完全滚动到正确的位置）
不，不可能。浏览器决定做什么，你无法控制它。您可以使用一些带有 ID 的 0px 高元素并跳转到这些元素。然后，您可以将它们放置在您需要的任何位置。