有外部div滚动过去的div里面的CSS

我有一个div在另一个div里有一个固定位置在页面的底部。我需要外部div滚动到内部div以允许显示所有内容。有外部div滚动过去的div里面的CSS

.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/ 我需要在这个例子中什么是黄色文字滚动一路红盒子的顶部。

来源

2011-07-22 winchendonsprings

您只需将一些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/

来源

2011-07-22 22:38:54

我忘了提，这种内在的div会不会在每一页上，只有一个页面实际。但是，外部div将在每个页面上。如果我添加填充，它将在页面上看起来很有趣。了解解决方法？ – winchendonsprings

查看上面编辑@winchendonsprings –

感谢您的帮助。我的解决方案基本上是你的编辑2.再次感谢 – winchendonsprings

有外部div滚动过去的div里面的CSS

回答

相关问题