固定位置のdiv

私はスタイルの位置が固定されたdivを持っていますが、ページを下にスクロールしたいのですが、divがページのフッターにこぼれないようにしたいと思います。どのように私はこれを達成することができますか？事前に固定位置のdiv

おかげで、ショーン

出典

2009-08-14 ErnieStings

将来的には、http：//doctype.com/（こちらのページではstackoverflowページのフッターを参照）をお勧めします。 –

「ページを下にスクロールする」とはどういう意味ですか？ –

Zインデックスを使ってプレイし、相対的なdivにフッターを絶対配置します。それは動作するはずです。 –

はこれを試してみてください。

CSS

body, html {height:100%;margin:0;padding:0} /* margin and padding 0 for firefox*/ 
.mainBody {height:90%;overflow:auto;}

HTML

<div style="border:1px solid black;">TOP</div> 
    <div class="mainBody"> 
     <div style="height:800px;"></div> <!-- To for scroll --> 
     HERE IS Main Body 
    </div>

これはあなたのコンテンツを示しているのdivに、窓からスクロールバーを転送します。 TOP divはいつでも好きなところに置くことができますので、好きな場所に置いたりそのまま置いたり、本体のdivに入れることができます。

出典

2009-08-14 14:33:05 Zoidberg

私は過去に同じ問題を抱えており、Javascriptのonscrollイベントを使用してposition：fixed要素がフッターと衝突するかどうかを検出しました。そうであれば、私はposition：absoluteに変更します。

その後、ページのスクロールを開始してもフッタが重複しなくなりました。私はそれを位置：固定に戻します。

また、IE6でこの要素をスクロールする予定がある場合は、位置固定エミュレーションの場合はCSS expressionsをお勧めします。

出典

2009-08-14 18:44:00 Pat

答えて

関連する問題