链接在同一页面上。固定标题

时间:2014-03-04 20:51:17

标签: html css

我遇到问题,我的标题为position:fixed。在页面上,我想使用普通的HTML链接或锚点。如果我单击其中一个链接,屏幕将跳转到此锚点,但它位于浏览器窗口的顶部。因此标题位于锚点上方,我错过了100px的内容,必须向上滚动才能到达实际的锚点。

有没有人知道这方面的解决方案?

1 个答案:

答案 0 :(得分:0)

这里有两件事。您的内容和标题高度不仅存在边距/填充问题,而且还需要在部分上方创建缓冲区div,以便散列不会一直到顶部。

此外,您应该记住,在撰写本文时,大多数触控设备都无法处理

position: fixed;

查看此代码的标题:http://codepen.io/sheriffderek/pen/qKLIo 看看这个哈希链接:http://css-tricks.com/hash-tag-links-padding/

祝你好运!