修复标头偏移html锚点-fixheaderoffsettinganhtmlanchor

I am trying to clean up the way my anchors work. I have a header that is fixed to the top of the page, so when you link to an anchor elsewhere in the page, the page jumps so the anchor is at the top of the page, leaving the content behind the fixed header.

我正在努力清理锚点的工作方式。我有一个固定在页面顶部的标题,因此当您链接到页面中其他位置的锚点时,页面会跳转,因此锚点位于页面顶部,将内容保留在固定标题后面。

My below code is working as i want it to work. The only is issue i am getting with IE8. When I click on a jump link, it jump past it rather than to the correct position.

我的下面的代码正在工作,因为我希望它工作。我唯一的问题是IE8。当我点击跳转链接时,它跳过它而不是跳到正确的位置。

Can i get any help to fix this in ie8?

我可以帮助解决这个问题吗?

1 个解决方案

#anchor {
    position: relative;
}
#anchor:after {
    content: "";
    position: absolute;
    height: 80px;
    width: 1px;
    top: -80px;
    left: 0;
}