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

Question

问题：我有以下布局：

<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 only

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

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

谢谢

Answer 1

你所说的“固定”是指“位置：固定”还是你给它一个固定的宽度和长度？ （我不明白为什么后一种选择可能会有如此困难的渲染问题）。 试试

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

编辑：抱歉误读了这个问题，你想要整个页面都有滚动条还是只有 DIV .stream？