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

我有一个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个底部。