如何使div停留在滚动的另一个div的底部

Question

我有一个400px高的div，它的内容滚动到里面。我有另一个div里面有一个图像，这个div位于这个父div的底部，使用position：absolute;底部：0;但是当我滚动它时会向内移动父div。

每次用户滚动父div时，我都使用jQuery将div的位置更改为底部，这样可以工作，但每次div滚动时它都会跳转。

有没有办法用流畅的滚动来做到这一点？我希望它只是坐在父div的底部而根本不动。

由于

Answer 1

您可以将包含内容的div放在另一个div中，并将图像相对于父级放置。您必须考虑滚动条的高度（如果存在），但除此之外它应该起作用。我会试着为你想出一个jsfiddle。

http://jsfiddle.net/AwH9S/

您可能希望实现一些javascript来确定滚动条的大小以及它是否存在。

Answer 2

你可以分享一些HTML / CSS吗？

在你的CSS中

#theDiv {
    position: absolute;
    bottom: 0;
}

并且它的父母给它

position: relative;

Answer 3

你不能以这种方式做你想做的事。位置相对和绝对之前的建议将帮助你“初始化”其父div底部的img，但如果“scrollHeight”（纠正我，如果我错了某人，不确定我在这里使用正确的词汇）更改，也就是说，用户向下滚动div，然后绝对定位的div将保持这样的绝对位置，从而滚动内容。 您不能使用固定定位，因为它将固定到屏幕而不是最近的父亲。无论你想要与否，事实是，最简单的方法是设置一个包含2个div的parernt，一个用于可滚动内容，一个用于图像，并定位2以便第2个“出现”附在第1个底部。