Wie kann ich mit jQuery das Scrollen mit fester Position an einem bestimmten Punkt stoppen?

Scrollen mit fester Position an einem bestimmten Punkt stoppen

Sie haben ein Element, das mit der Seite an einer festen Position scrollt. Sie möchten jedoch, dass das Scrollen an einem bestimmten Punkt stoppt, beispielsweise 250 Pixel vom oberen Rand der Seite entfernt.

jQuery-Lösung

Um dies zu erreichen, können Sie jQuery verwenden :

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

Dieser Code:

• Hängt einen Scroll-Ereignis-Listener an den an Fensterobjekt.
• Ruft die aktuelle Scroll-Position mit $(this).scrollTop() ab.
• Berechnet den Maximalwert zwischen 0 und der Differenz zwischen 250px und der Scroll-Position.
• Setzt die oberste Eigenschaft des Elements mit der ID „theFixed“ auf den berechneten Wert.

Dadurch wird sichergestellt, dass das Element Stoppt den Bildlauf bei 250 Pixeln vom oberen Rand der Seite, wenn nach oben gescrollt wird.

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