Css 是否有固定位置标题的确定选项？

作为一名残疾用户（以及传统Windows用户），我只在绝对必要时才使用鼠标

web开发人员忘记了我们对键盘的依赖，这几乎是一件很幽默的事情

输入常用（该死的引导！）固定位置标题/导航栏

访问具有此功能的网站，按

空格键

向下滚动，您可能无法阅读最上面的几行

Bootstrap的解决方案是一个开始。他们建议使用

上边距

来容纳固定条。这不适用于滚动。内容仍然模糊不清

---

有人有一些解决方案或最佳实践吗？

这里有一个简单的解决方案：将所有非标题内容放入包含元素中。给出收割台

位置：固定和<代码>顶部：0。然后给出容器
位置：相对和
页边距顶部
大致等于页眉高度。例如：

风格：

h1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 5rem;
  z-index: 1;
  padding: 1rem;
  background-color: #bada55;
  margin: 0;
}

.container {
  margin-top: 10em;
  position: relative;
}

HTML:

Lorem ipsum door sit amet。
献祭精英
马矢状的晨曦属于枕叶
埃尼安是一个优秀的临时工，临时工对决，和蔼可亲
赛德酒后调味品，波苏尔·内克·奎斯，拉奥里特钻石
...

工作演示：
不清楚您在这里要问什么。固定标题是否会掩盖内容–具体如何取决于您使用何种输入设备（鼠标/键盘）触发滚动…？@CBroe它就是这样做的。鼠标滚动会缓慢向下移动，但按空格键会使整个窗口向上移动，而底线会在顶部移动。对一些人来说，这是最有效的浏览方式。投反对票？！这是一个真实的设计问题。嘘！那么，我想你应该用光标键来滚动。（除非你的浏览器允许你配置按下空格键的滚动距离，有些人会这样做。）我同意，对合法的可访问性问题投反对票是没有意义的。我验证了你指的是什么，你是正确的，尽管他们在身体上使用了填充物，而不是边距。在玩了几次之后，我看不到一个简单的解决方案，因为当点击空格键时，浏览器会测量页面的总大小，并将页面移动等量。不幸的是，这包括了固定导航栏的大小，这就是它滚动正确长度加上导航栏大小的原因。我不知道有什么修复方法，因为这是浏览器的操作，而不是网页本身。
<h1>Lorem ipsum dolor sit amet.</h1>
<div class="container">
  <ol>
    <li>Consectetur adipiscing elit.</li>
    <li>Morbi ornare sagittis enim a pulvinar.</li>
    <li>Aenean a elit tempor, tempor dui eu, blandit est.</li>
    <li>Sed id dui condimentum, posuere neque quis, laoreet diam.</li>
   ...
  </ol>
</div>