Question

当使用name =“object”然后使用href =“＃object”id将页面滚动到该对象时，可以调整页面所在的位置。而不是窗口的顶部，向下几个像素。我有一个固定的导航栏，当滚动时，内容会落后，因此导航栏始终可见。因此，当我使用href =“＃object”时，它的一部分被截断，因为它位于导航栏的后面。任何修复？谢谢。

Answer 1

使用命名锚点更改元素上的顶部填充和边距样式。例如，如果您的标题高度为100像素，请为您的命名锚点提供-100px的边距顶部和100px的填充顶部。

请参阅 jsFiddle example 。

在此示例中，链接将从页面顶部带来粗体文本（'Vestibulum ante ipsum'）100px。

Answer 2

如果你想通过css选择器设置这些属性（如j08691中提到的那样），把这个JS放到你的html中，那么你就可以给每个锚一个类，如果属性选择器没有工作（旧浏览器）：

function findAnchors(){
    anker = document.anchors;
    for(i=0; i<anker.length; i++ ){
        anker[i].className = "anchor";
    }
}
window.onload = findAnchors();

Answer 3

您可以通过在插件配置中设置offset，使用jQuery.localScroll执行此操作。

此处have a fiddle。

如何调整href =“＃object”

3 个答案: