URL 哈希页面跳转...固定标头重叠

Question

所以事情是这样的，

我有一个固定的标题/导航栏，当我通过 #urlhash 跳转到某个内容时，它会重叠它。

现在我可以在内容之前添加一个 div 并跳转到该内容，但这最终会弄乱整个样式。

所以我想知道，是否有 JavaScript/jQuery 技巧可以在跳转后添加大约 200px 的填充？

Answer 1

您可以添加一个带有 top:-200px 的绝对定位空 ( ) div 并跳转到该位置。只需确保父元素不是静态定位的（相对应该可以解决问题）

Answer 2

怎么样：

$(window).onload(function() {
    if (document.location.hash)
        $(window).scrollTop($(window).scrollTop() - 200);
});