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

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

Lors de l'utilisation d'éléments à positionnement fixe, il est possible de les faire défiler avec la page comme élément l'utilisateur navigue. Cependant, vous pouvez rencontrer des scénarios dans lesquels vous souhaitez que l'élément fixe cesse de défiler après avoir atteint un point spécifique de la page. Ceci peut être réalisé grâce à des techniques JavaScript.

Solution jQuery

Une approche efficace consiste à utiliser jQuery :

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

Cet extrait récupère le courant position de défilement de la fenêtre en utilisant $(window).scrollTop(). Il calcule ensuite la distance pour maintenir l'élément fixe du haut de la page en utilisant 250 - $(this).scrollTop(). Enfin, il définit la propriété supérieure de l'élément fixe (#theFixed) sur la distance calculée, garantissant que l'élément cesse de défiler à 250 px à partir du haut de la page.

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!