html - 同一页面上的链接。固定头

标签 html css

我有一个问题,我有一个带有 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/

相关文章:

javascript - 在 HTML5 中变形 <INPUT>

javascript - jQuery - 通过将其乘以复选框值来计算值

javascript - 如何避免为同一链接创建新选项卡(已在浏览器中打开)

Css 表格,第 3 列不会保持一致

css - HTML 表单上的 WordPress Divi 自定义 CSS

html - ngStyle 从对象/模型接收颜色的问题

jquery - CSS 透明长阴影

javascript - 最新版本 Chrome 中的不透明度错误 - CSS 转换

css - ng2-智能表 : how to use css?

html - 使用 git lfs 存储的 MP4 文件无法在 Github Pages 中播放