有外部div滾動過去的div裏面的CSS

Question

我有一個div在另一個div裏有一個固定位置在頁面的底部。我需要外部div滾動到內部div以允許顯示所有內容。

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

也許這也幫助形容它更好 - http://jsfiddle.net/winchendonsprings/dDgjQ/2/ 我需要在這個例子中什麼是黃色文字滾動一路紅盒子的頂部。

Answer 1

您只需將一些padding添加到div.outer的底部，並根據需要調整紅色div的尺寸。

在這種情況下，我做了padding-bottom:100px;

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

編輯

要回復您的評論重新div.inner沒有出現在每一頁上，你可以做使用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/