Wie kann ich mit JavaScript das Scrollen mit fester Position an einer bestimmten Stelle stoppen?

Scrollen mit fester Position an einem bestimmten Punkt stoppen

Bei Verwendung von Elementen mit fester Positionierung ist es möglich, dass diese mit der Seite scrollen Benutzer navigiert. Es kann jedoch vorkommen, dass Sie möchten, dass das feste Element den Bildlauf stoppt, nachdem Sie einen bestimmten Punkt auf der Seite erreicht haben. Dies kann durch JavaScript-Techniken erreicht werden.

jQuery-Lösung

Ein effektiver Ansatz ist die Verwendung von jQuery:

$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});

Dieses Snippet ruft den aktuellen ab Scrollposition des Fensters mit $(window).scrollTop(). Anschließend wird mithilfe von 250 - $(this).scrollTop() der Abstand berechnet, um das feste Element vom oberen Rand der Seite zu halten. Schließlich wird die Top-Eigenschaft des festen Elements (#theFixed) auf den berechneten Abstand gesetzt, um sicherzustellen, dass das Element bei 250 Pixeln vom Seitenanfang aufhört zu scrollen.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript das Scrollen mit fester Position an einer bestimmten Stelle stoppen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!