Javascript 使整个页面在顶部的某个高度下滚动,而不使用任何滚动条
html:Javascript 使整个页面在顶部的某个高度下滚动,而不使用任何滚动条,javascript,jquery,html,css,Javascript,Jquery,Html,Css,html: div\u fixed将保持固定在页面顶部位置 但是当页面向上滚动时,divother\u content的内容将消失在divdiv\u fixed的下边缘 在向下滚动的情况下,从div\u fixed 如何做到这一点 编辑:任何div都不应显示滚动条使用溢出:隐藏来摆脱滚动条我已经使用了你的HTML/CSS,并在a上添加了一点-我认为为了达到你想要的效果,你只需要将你的内容设置得足够高,可以滚动。在200px高和一行文本时,没有任何内容会滚动 所以我把你的other_content
div\u fixed
将保持固定在页面顶部位置
但是当页面向上滚动时,divother\u content
的内容将消失在divdiv\u fixed
的下边缘
在向下滚动的情况下,从div\u fixed
如何做到这一点
编辑:任何div都不应显示滚动条使用
溢出:隐藏
来摆脱滚动条我已经使用了你的HTML/CSS,并在a上添加了一点-我认为为了达到你想要的效果,你只需要将你的内容设置得足够高,可以滚动。在200px高和一行文本时,没有任何内容会滚动
所以我把你的other_content
div调高了,然后在你的.div固定的
选择器中添加了一个top:0
,使其保持在屏幕顶部,并在中添加了一个边距top:40px
div,以便它从浮动div下面开始
如果您希望它是一个导航条类型的东西,您当然可以在.div\u fixed
中添加一个宽度:100%
如果您愿意,所有这些都应该很容易地转移到容器div(带有位置:relative
)中,尽管您可能需要重新定位固定div。这就是您想要的吗 刚刚创建了另一个内容div的css属性-overflow-y:scroll。这显然不符合我的目的,因为我不想要任何滚动条。请看我的编辑我已经把你的代码放在一个JSFIDLE中给你看,但是为了将来的参考,将Javascript问题放在JSFIDLE中非常有帮助,因此其他内容的上边缘会消失在div_固定的下方,还是在页面顶部与后一个div的内容重叠?JSFIDLE显示非常奇怪的输出。你找到我要找的输出了吗?请等着听我说我没有链接到最新的JSFIDLE,但我的是佛尔图因在下面添加的基本版本,具有我提到的100%宽度。啊,我明白了,最大的区别是你的内容div的高度:)我故意把它放在5000左右以显示效果。@cincodenada,“最新的JSFIDLE”?我再次检查了你的小提琴,发现内容在页面顶部消失了,而不是在div_fixed div的底部。最有可能的是,让我最后测试一下tour的主要技术是使其他div_内容的填充顶部与div_fixed的高度相等,对吗?是的,我使用了填充,但还有其他方法;关键是位置:fixed
元素不会向下推其他元素,因此需要确保流动元素(内容)显示在fixed元素的下方。
<div class="div_fixed"></div>
<div class="other_content">
content goes here
</div>
.div_fixed{
position:fixed;
height:40px;
}
.other_content{
height:200px;
}