在没有滚动条的情况下，使整个页面滚动到顶部某个高度以下

make the whole page scroll beneath a certain height at the top without any scroll bar

本文关键字：滚动 顶部 高度 滚动条 情况下      更新时间：2023-09-26

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 都不应出现滚动条

使用overflow: hidden消除滚动条

这就是您想要的吗？http://jsfiddle.net/BCRPa/

我已经使用了你的HTML/CSS，并在jsFiddle上添加了一些内容——我认为为了达到你想要的效果，你只需要让你的内容足够高，可以滚动。在200像素高和一行文本的情况下，什么都不会滚动。

所以我把other_contentdiv调高了，然后在.div_fixed选择器中添加了一个top: 0，使其保持在屏幕顶部，在.other_contentdiv中添加了margin-top: 40px，使其从浮动div下方开始。

如果你希望它是一个导航条类型的东西，你当然可以在.div_fixed中添加一个width: 100%。

如果您愿意，所有这些都应该很容易地转移到容器div（带有position: relative）中，尽管您可能需要重新定位固定的div。

相关文章：