0

ページの左側に 100% の高さで固定された div があります。左の div の高さを超えるコンテンツをその中に配置しました。これで、overflow:auto を追加して、ユーザーがその div 内のコンテンツをスクロールできるようになりましたが、固定 div 内のコンテンツをページと共にスクロールできるようにしたいと考えています。これはcssだけで可能ですか？

ありがとう

JSFIDDLE: http://jsfiddle.net/yZmu6/

HTML:

<div id="newsfeed-left">
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
    <div class="blue-square"></div>
    <div class="green-square"></div>
</div>

CSS:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#newsfeed-left {
position: fixed;
float: left;
height: 100%;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid rgb(228, 228, 228);
}

.green-square {
margin: 10px 0px 0px 0px;
height: 200px;
width: 200px;
background-color: green;
}

.blue-square {
margin: 10px 0px 0px 0px;
height: 200px;
width: 200px;
background-color: blue;
}
4

2 に答える 2

1

fixeddivのスクロールバーは、ページの残りの部分から分離されています。ただし、これはJSで行うことができます。

于 2013-04-02T23:12:40.357 に答える
0

これはあなたの質問に答えないか、探している答えではないかもしれませんが、固定ではなく絶対位置を使用するように CSS を変更すると、ページが正しくスクロールされます。

#newsfeed-left {
   position: absolute;
   ...
}
于 2013-04-03T01:01:52.300 に答える