0

html:

<div class="div_fixed"></div>

<div class="other_content">

content goes here
</div>

CSS:

.div_fixed{
position:fixed;
height:40px;

}

.other_content{

height:200px;

}

はdiv_fixedページの上部に固定されたままになります。

しかし、ページが上にスクロールすると、 div のコンテンツは divother_contentの下端で消えますdiv_fixed。

下にスクロールすると、非表示のコンテンツがother_content下端から表示され始めます。div_fixed

それを達成する方法は？

編集:どのdivにもスクロールバーは表示されません

4

3 に答える 3

2

overflow: hiddenスクロールバーを取り除くために使用します

于 2012-08-02T09:11:23.037 に答える
0

これはあなたが探しているものですか？http://jsfiddle.net/BCRPa/

于 2012-08-02T09:55:06.347 に答える
0

私はあなたの HTML/CSS を取得し、jsFiddleに少し追加しました。探している効果を得るには、スクロールできるように実際にコンテンツを十分に高くする必要があると思います。高さ 200px で 1 行のテキストでは、何もスクロールしません。

だから私はあなたのother_contentdiv を高くし、セレクターに atop: 0を追加し.div_fixedて画面の上部に固定し、 amargin-top: 40pxを.other_contentdiv に追加してフローティング div の下から開始するようにしました。

ナビゲーションバータイプのものにしたい場合は、もちろん に を追加できwidth: 100%ます.div_fixed。

position: relative固定 div を再配置する必要があるかもしれませんが、必要に応じて、これらすべてをコンテナ div ( with ) にかなり簡単に転送する必要があります。

于 2012-08-02T09:18:01.737 に答える