外側のdivのスクロールをCSSの中に入れてください

Question

私は、ページの下部に固定位置を持つ別のdivの中にdivを持っています。すべてのコンテンツを表示できるようにするには、内側のdivよりもずっとスクロールするために外側のdivが必要です。多分これは、よく私は、この例で必要なものhttp://jsfiddle.net/winchendonsprings/dDgjQ/2/ better-それを記述するための助け

.outer{position:relative; } 
.inner{position:fixed; bottom:0; z-index:999;} 

<div class="outer"> 
    <p>Lots of content......</p> 
    <div class="inner"> 
     <p>More content fixed in a box at the bottom of the page.....</p> 
    </div> 
<div> 

は赤いボックスの上にすべての方法をスクロールする黄色のテキストです。

Answer 1

の下部にpaddingを追加して、赤のサイズに合わせて調整してください。div 、私は、各ページに表示されないdiv.inner再あなたのコメントに応答するpadding-bottom:100px;

http://jsfiddle.net/jasongennaro/dDgjQ/3/

EDIT

をした、あなたはjQueryを使って次の操作を行うことができ、この場合には

：

$('.inner').parent().css('paddingBottom','100px');

ここではそれが適用されます。 http://jsfiddle.net/jasongennaro/dDgjQ/4/

そして、ここではそれは削除さdiv.innerである： http://jsfiddle.net/jasongennaro/dDgjQ/5/

EDIT 2

あなたはまた、別のクラスを作成し、そのページのみにそれを追加することができます。

http://jsfiddle.net/jasongennaro/dDgjQ/6/