从固定标题偏移页面锚点

时间:2015-03-23 23:18:39

标签: javascript html css offset

我已经查看过这个问题的其他帖子,但是alass none在我这里工作了。

我试图让我的标题(位置是固定的)链接到页面锚点但是当我按下链接时它会超过div的顶部和标题。所以要查看整个div包括标题,那么你需要向上滚动。

我有一个Fiddle of it here

.wrapper {
width: 100%;
height: 1000px;
margin: 130px auto;
padding: 0;
background-color: aliceblue;}

2 个答案:

答案 0 :(得分:2)

你可以使用CSS。只需创建独立的隐藏锚元素并将其剪切为标题的高度。

这是我使用的锚类:

a.anchor {
 display: block;
 position: relative;
 top: -250px;
 visibility: hidden;
    height:0px;
}

JSFiddle (我只做了前几个链接):http://jsfiddle.net/pp9dg/29/

答案 1 :(得分:1)

这是一个更新的小提琴:http://jsfiddle.net/pp9dg/28/

它使用jquery将锚点偏移200px。

$(window).on("hashchange", function () {
    window.scrollTo(window.scrollX, window.scrollY - 200);
});