gpt4 book ai didi

javascript - 修复 header 偏移 html anchor

转载 作者:行者123 更新时间:2023-11-28 06:25:38 26 4
gpt4 key购买 nike

我正在尝试清理 anchor 的工作方式。我有一个固定在页面顶部的 header ,因此当您链接到页面其他位置的 anchor 时,页面会跳转,因此 anchor 位于页面顶部,将内容留在固定 header 后面。

我的以下代码正在按我希望的方式运行。唯一的问题是我在使用 IE8 时遇到的问题。当我点击一个跳转链接时,它会跳过它而不是跳到正确的位置。

我能得到任何帮助来在 ie8 中解决这个问题吗?

<script>
! function(o, n) {
var t = function() {
var n = o(":target"),
t = 100;
n.length > 0 && o("html, body").stop().animate({
scrollTop: n.offset().top - t
}, 80)
};
o(n).on("hashchange load", function() {
t()
})
}(jQuery, window);
</script>

最佳答案

我曾经用 css 解决这个问题:

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

80px 是顶部偏移量。

关于javascript - 修复 header 偏移 html anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35314597/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com