修复了标头偏移 HTML 锚点的问题
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 是顶部偏移量。
相关文章:
- 使用Handontable在同一列中用纯文本和html对问题进行排序
- 在HTML中调用函数时出现问题
- 在将javascript附加到我的html中时遇到问题
- 使用ajax在html中加载html文件时出现的问题
- 将HTML表单发布到iframe会导致浏览器历史记录出现问题
- 使用HTML和JS的iPhone游戏中的性能问题,以及appMobi
- Html、css和jQuery.我的代码有问题
- jQuery-数据提取问题(html遍历)
- ajax html javascript页面刷新无闪烁问题
- html单选按钮检查问题
- c# mvc nreco HtmlToPdfConverter 问题将 html 文档转换为 pdf
- CSS 溢出的滚动问题:滚动 HTML
- 在我的Javascript和HTML之间的表单提交按钮链接中遇到问题
- Ckeditor出现格式错误的html问题
- 重定向至“索引.html问题”诊断树
- 嵌入在 HTML 问题中的 Rails 标签
- 特定的javascript/html问题
- 用ajax/javascript将文本文件中的数据加载到html问题中
- Jquery还是HTML问题?为什么不是'我的选择器不工作
- 博客HTML问题与JSC_Parse_Error