修复标题偏移一个HTML锚点
我正在努力清理锚杆的工作方式。 我有一个固定在页面顶部的标题,因此当您链接到页面中其他位置的页面时,页面会跳转,因此页面位于页面的顶部,并将内容留在固定页眉的后面。
我的下面的代码正在工作,因为我希望它的工作。 唯一的问题是我使用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是最高偏移量。
链接地址: http://www.djcxy.com/p/89005.html上一篇: fix header offsetting an html anchor
下一篇: How to add smooth scrolling to Bootstrap's scroll spy function