滚动 - 使用页面/浏览器滚动条仅滚动特定的div元素

时间:2011-02-06 08:40:34

标签: html css layout scroll resize

问题:我有以下布局:

<div class="container">
    <div class="filters1">
    </div>
    <div class="filters1">
    </div>
    <div class="stream">
          <div class="item"/>
          <div class="item"/>
          <div class="item"/>.......
    </div>
</div>

我希望该页面具有标准浏览器滚动条,但它会滚动 div

我尝试将filter1 div定义为position:fixed。但这会导致一些跨浏览器问题并调整问题大小。 (需要chrome css hacks不要谈论IE7)

我可以使用标准解决方案,各种搜索都没有帮助......

由于

1 个答案:

答案 0 :(得分:0)

“固定”是指'位置:固定'还是你给它一个固定的宽度和长度? (我不知道后一种选择可能会有如此困难的渲染问题)。 尝试

.stream {
width: XXpx;  /*put your width here*/
height: XXpx; /*put height here*/
overflow:scroll;
}

编辑:抱歉误读了这个问题,你想要整个页面有滚动条还是只有DIV .stream?