Question

我正在使用3个简单的div，我希望获得一个“全局”滚动条的效果，该滚动条必须超过标题。

html非常基本

<div class="container">
    <div class="header">
    </div>
    <div class="content">
    </div>
</div>

这是css：

.container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: gray;
  overflow-y: scroll;
}

.header {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: red;
}

.content {
  margin-top: 50px;
  min-height: 2500px;
  background-color: blue;
}

滚动条在标题div下继续。我做错了什么？

Answer 1

如果我理解正确，您希望滚动条始终位于顶部。为此，请将您的CSS更改为以下

Private Sub cmdClose_Click()
    DoCmd.Close
End Sub

滚动html将允许整个页面滚动，同时保持标题静态并从容器中删除滚动。

Answer 2

delete from ProductLog
from ProductLog pl
inner join Product p on p.ProductId = pl.ProductId
and pl.Date > DateAdd(day, - p.NumberOfDaysToKeep, getdate());

固定定位元素具有“无宽度和高度”。

希望有所帮助：）

编辑：请参阅此笔：This

聚苯乙烯。我想你也想删除.container { margin-top:50px; /* create room for header*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: gray; overflow-y: scroll; } .header { margin-top:-50px; /* move up by 50px*/ position: fixed; width: 100%; height: 50px; background-color: red; }

的边距

Answer 3

以下代码可以解决问题 http://codepen.io/anon/pen/XbOxgp

 self.navigationController.navigationBar.barTintColor = [UIColor blackColor];

Answer 4

从overflow-y: scroll;

中删除.container

Answer 5

将overflow-y: scroll;放在正文元素中：

body {
 overflow-y: scroll;
}
.container {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: gray;
}

Answer 6

html, body {
    height: 100%;
    width: 100%;
    overflow: visible;
}

Answer 7

看一下这篇文章。希望这个原则有所帮助

Browsers scrollbar is under my fixed div

固定div与100％宽度重叠滚动条

7 个答案: