Question

HTML：

<div class="div_fixed"></div>

<div class="other_content">

content goes here
</div>

的CSS：

.div_fixed{
position:fixed;
height:40px;

}

.other_content{

height:200px;

}

div_fixed将保持固定在页面的顶部位置。

但是当页面向上滚动时，div other_content的内容将在div div_fixed的下边缘消失。

如果向下滚动，other_content的隐含内容将从div_fixed

的下边缘开始显示

如何实现？

编辑：任何div

都不会显示滚动条

Answer 1

使用overflow: hidden删除滚动条

Answer 2

我已经使用了你的HTML / CSS并在jsFiddle添加了一点 - 我认为为了达到你想要的效果，你只需要让你的内容足够高，可以滚动。在200px高和一行文本时，没有任何内容可以滚动。

所以我让你的other_content div更高，然后在top: 0选择器中添加了.div_fixed，以使其保持在屏幕顶部，并{{1}到margin-top: 40px div，以便从浮动div开始。

如果您希望它是导航栏类型的东西，您当然可以向.other_content添加width: 100%。

如果你想要的话，所有这些都应该很容易地转移到容器div（带.div_fixed），尽管你可能需要重新定位固定的div。

Answer 3