我有一个问题,我有一个带有 position:fixed
的 header 。在我想使用普通 HTML 链接或 anchor 的页面上。如果我单击其中一个链接,屏幕会跳转到该 anchor ,但它位于浏览器窗口的顶部。所以标题在 anchor 上方,我缺少 100 像素的内容,必须向上滚动才能找到实际的 anchor 。
有人知道解决这个问题的方法吗?
最佳答案
这里发生了两件事。您的内容和页眉高度不仅存在边距/填充问题,而且您还需要在您的部分上方创建一个缓冲区 div,以便散列不会一直到顶部。
此外,您应该记住,在撰写本文时,大多数触摸设备无法处理
位置:固定;
看一下 header 的代码:http://codepen.io/sheriffderek/pen/qKLIo 并查看哈希链接:http://css-tricks.com/hash-tag-links-padding/
祝你好运!
关于html - 同一页面上的链接。固定头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22182775/