Question

有没有办法在不指定高度的情况下将容器固定在顶部？

我有一个放在身体上的容器，所以周围有一个边缘。容器在overflow: auto上，因此它超出了屏幕的高度（这就是我想要的，我不想指定高度）。

我正在寻找的方法是容器向上滚动但边缘保持可见（它在边缘下方向上滚动。有没有办法在不修复容器高度的情况下这样做？

提前致谢！

编辑：

http://jsfiddle.net/aybjbxvc/

它是顶部的灰色边缘，当它滚动时我想保留它，而其他一切都保持原样。

Answer 1

您可以将container放在包装 div中来实现：

<div id="wrapper">
  <div id="container">
    ...
  </div>
</div>

为wrapper声明这些样式，除了屏幕的前5％外，它将占用所有样式。

#wrapper {
  position: absolute;
  top: 5%;
  height: 95%;
  width: 100%;
  overflow: auto;
}

从overflow和padding移除body和container个样式。将body的保证金更改为0px。这些更改将删除额外的滚动条：

body {
  background: #e8e8e1;
  margin: 0px;
}

#container {
  width: 200px;
  background: #fcfcf7;
  margin: 0px auto 0px auto;
  box-shadow: 0 0 8px #a1a19a;
}

CSS：将容器固定在顶部而不指定高度

1 个答案:

Fiddle