[英]jquery to fix offsetting an html anchor to adjust for fixed header breaks modal
[英]fix header offsetting an html anchor
我正在尝试清理锚点的工作方式。 我有一个固定在页面顶部的标题,因此当您链接到页面其他位置的锚点时,页面将跳转,因此该锚点位于页面顶部,而将内容保留在固定标题的后面。
我下面的代码正在工作,因为我希望它能工作。 唯一的问题是我正在使用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是顶部偏移量。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.