Comment puis-je arrêter le défilement en position fixe à un point spécifique à l'aide de jQuery ?

Arrêter le défilement à position fixe à un certain point

Vous avez un élément qui défile avec la page dans une position fixe. Cependant, vous souhaitez que le défilement s'arrête à un point précis, disons à 250 px du haut de la page.

Solution jQuery

Pour y parvenir, vous pouvez utiliser jQuery :

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

Ce code :

• Attache un écouteur d'événement de défilement au objet window.
• Obtient la position de défilement actuelle à l'aide de $(this).scrollTop().
• Calcule la valeur maximale entre 0 et la différence entre 250px et la position de défilement.
• Définit la propriété supérieure de l'élément avec l'ID "theFixed" sur la valeur calculée.

Cela garantit que le l'élément cesse de défiler à 250 px à partir du haut de la page lors du défilement vers le haut.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!