У меня есть & lt; div id = "карта" & gt; карта, которая скользит при прокрутке пользователя вниз. Тем не менее, кажется, что карта прокручивается вечно, никогда не позволяя пользователю фактически достичь нижней части страницы (есть нижний колонтитул).

Я пытаюсь получить & lt; div & gt; остановить прокрутку, когда она достигает конца другого динамически изменяемого размера (высота является переменной) & lt; div & gt ;. Эти два элемента расположены рядом друг с другом и находятся в одном ряду.

Вот код JavaScript, который я использую для правильного перемещения div с помощью пользовательской прокрутки:

$(function() {

    var $sidebar   = $("#map"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        }
        else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
});