Ich habe eine <div id = 'map'> Karte, die beim Scrollen nach unten verschoben wird. Es scheint jedoch, als würde die Karte für immer scrollen, ohne dass der Benutzer den unteren Rand der Seite erreicht (es gibt eine Fußzeile).

Ich versuche, das <div> zum Beenden des Bildlaufs zu bringen, wenn es das Ende eines anderen dynamisch dimensionierten <div> erreicht (die Höhe ist variabel). Diese beiden <div> befinden sich nebeneinander und in derselben Reihe.

Hier ist der JavaScript-Code, den ich verwende, um mit dem Bildlauf des Benutzers den richtigen Div-Schritt auszuführen:

$(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
            });
        }
    });
});