如何在滚动时始终将标题保持在顶部？

小编典典

css

我如何header避免滚动页面的其余部分？我考虑过使用frame- sets和iframes，只是想知道是否有更简单，更用户友好的方法，这样做的最佳实践是什么？

阅读 335

2020-05-16

共1个答案

小编典典

使用position: fixed的div包含您的头，喜欢的东西

#header {
  position: fixed;
}

#content {
  margin-top: 100px;
}

在此示例中，当#content开始时位于下方100px处#header，但随着用户滚动，它#header保持原位。当然，不用说，您需要确保#header有背景，以便当两个divs重叠时，其内容实际上是可见的。

2020-05-16