停止滚动div重叠页脚

Question

我正在为每个滚动创建一个滚动div，div是一个显示记录的Google地图小程序，但我希望div一旦到达页脚之前就停止滚动，这样它就不会与页脚重叠了它应该停在它上面（从底部开始有10 / 20px的边距）所以页脚上的内容不会重叠并且无法读取。

我这里有这个演示，它在jsFiddle处显示了我的代码。

当滚动超过页脚位置时，黄色框应保留在此处，如下所示：

jsFiddle应该让你有个主意。 ： - ）

Answer 1

查看此fiddle。我认为这就是你要找的东西

添加了另一张检查，以确保在制作动画之前地图的目的地没有通过页脚。

Answer 2

我的替代方案：

http://jsfiddle.net/YRAmf/1/

正在研究它只是为了找到有人向我致敬：P

或更多我喜欢的：

http://jsfiddle.net/YRAmf/3/

Answer 3

也许我在这里遗漏了一些东西，但是小提琴中的黄色div根本没有与页脚重叠;它比它高出约20px。更多细节可能吗？