使用css将外部div滚动到内部div

我在另一个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>

.outer{位置：相对；}
.内部{位置：固定；底部：0；z索引：999；}
很多内容

更多内容固定在页面底部的框中

也许这有助于更好地描述它-

---

在本例中，我需要的是黄色文本，以滚动到红色框的顶部。

您只需在

div.outer

的底部添加一些

padding

，并根据需要调整红色

div

的大小

在这个例子中，我做了

填充底部：100px


编辑

要回复未出现在每页上的注释re
div.inner
，可以使用jQuery执行以下操作：

$（'.inner'）.parent（）.css（'paddingBottom'，'100px'）

在此应用：

在这里，删除了
div.inner
：

编辑2

您还可以创建另一个类并仅将其添加到该页面

您只需在
div.outer
底部添加一些
填充
，并根据需要调整红色
div
的大小即可

在这个例子中，我做了
填充底部：100px


编辑

要回复未出现在每页上的注释re
div.inner
，可以使用jQuery执行以下操作：

$（'.inner'）.parent（）.css（'paddingBottom'，'100px'）

在此应用：

在这里，删除了
div.inner
：

编辑2

您还可以创建另一个类并仅将其添加到该页面

我忘了提到，这个内部div不会出现在每一页上，实际上只有一页。但是，外部div将出现在每一页上。如果我添加填充，它将在页面上可见，看起来很有趣。知道什么工作吗？谢谢你的帮助。我的解决方案基本上是你的编辑2。谢谢你的帮助，@winchendonsprings！我忘了提到，这个内部div不会出现在每一页上，实际上只有一页。但是，外部div将出现在每一页上。如果我添加填充，它将在页面上可见，看起来很有趣。知道什么工作吗？谢谢你的帮助。我的解决方案基本上是你的编辑2。谢谢你的帮助，@winchendonsprings！