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/

编辑2

您还可以创建另一个类，只将其添加到该页面。

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

让外部div用css滚动到它里面的div

1 个答案: