是否可以使用页面滚动条滚动内部div?

时间:2013-08-07 22:35:16

标签: javascript jquery html css

我有一个网站,它有一个固定的高度和一个可滚动的div。是否可以删除内部滚动条并将其更改为页面的一个? div中滚动条的当前示例是here

我怀疑这可能需要用Javascript完成,而Stack Overflow上的搜索显示了一些引用它的条目,但我有点希望它不需要使用Javascript来完成。

目前,我只是让用户在div中滚动,但这不是一个优雅的解决方案:

.singlepost {
position: fixed;
top: 270px;
bottom: 20px;
background-color: white;
padding-left: 20px;
padding-right: 20px;
overflow-x: hidden;
}

2 个答案:

答案 0 :(得分:2)

您可以将页面上的每个其他元素设置为position: fixed,让div扩展主体并使其可滚动。检查小提琴是否有例子:

http://jsfiddle.net/GYatesIII/TnzG5/4/

The Next Web使用类似的策略。

答案 1 :(得分:0)

查看您的演示页面,最简单的方法就是将上面的所有内容放入div中,div位于顶部,下方的任何内容都会在顶部div下方向上滚动。这将使您的导航保持在顶部,并且使用主窗口滚动条像往常一样滚动页面的其余部分。