URL哈希页跳转…固定头重叠

Question

所以这是交易，

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

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

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

Answer 1

您可以添加一个带有top：-200px的绝对定位的空（＆nbsp;）div并跳转到该位置。 只要确保父元素不是静态放置（相对就可以解决问题）

Answer 2

怎么样：

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