Прекратить прокрутку нижнего колонтитула div

Question

Я делаю прокрутку div для каждой прокрутки, div - это апплет карт Google, который показывает записи, однако я хочу, чтобы div прекратил прокрутку, как только он достиг незадолго до нижнего колонтитула, чтобы он не перекрывал нижний колонтитул, что он должен останавливаться над ним (с полем 10/20 пикселей снизу), чтобы содержимое нижнего колонтитула не перекрывалось и не могло быть прочитано.

У меня есть это демо, которое иллюстрирует мой код здесь jsFiddle .

Желтое поле должно оставаться здесь, когда прокрутка превысила позицию нижнего колонтитула, вот так:

jsFiddle должен дать вам представление. : -)

Answer 1

Проверьте это скрипка . Я думаю, это то, что вы ищете

добавлена ​​еще одна проверка, чтобы убедиться, что пункт назначения карты не прошел нижний колонтитул перед анимацией.

Answer 2

Моя альтернатива:

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

работал над этим только для того, чтобы найти кого-то, кто меня свалил: P

или больше на мой вкус:

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

Answer 3

Может быть, я что-то здесь упускаю, но желтый div в вашей скрипке совсем не перекрывал нижний колонтитул; он остановился примерно на 20 пикселей выше. Может быть, подробнее?