Javascript Girl
  1. Javascript Girl
  3. Jquery: détection de la position de défilement
Intereting Posts
La boîte de dialogue Primefaces avec modal = true ne fonctionne pas correctement InnerHTML: Comment éviter Capturez un formulaire de soumission en JavaScript Comment afficher plusieurs Google Maps par page avec API V3 Des collisions lors de la génération d'UUID en JavaScript? L'imbrication du filtre a échoué dans Jade Est-il possible d'utiliser le Compilateur de fermeture ADVANCED_OPTIMISATIONS avec jQuery? Android Webview: Exécution de javascript à partir de la méthode java appelée depuis javascript Jquery ui – comment utiliser google CDN Ajouter un nouveau caractère de ligne à textarea au lieu de soumettre un formulaire Focus textarea avec le caret après le texte dans le navigateur Android Relier les fonctions personnalisées aux événements DOM dans un prototype? Comment comparer uniquement la date en moment.js Stripe.js magenetic card reader php Node.js async pour synchroniser

Jquery: détection de la position de défilement

Je souhaite recevoir une alerte lorsque, lors du défilement, mon pied de page vient voir. 

$(window).on("mousewheel", function(){ if ($(window).scrollTop() + $(window).height() > $('#footer').position().top){ alert("footer visible"); } else{ alert("footer invisible"); } });

Http://jsfiddle.net/JRUnr/10/

Toutes les conditions avec hauteur semblent correct, mais pas pendant le défilement. Si quelqu'un peut m'aider, il serait vraiment apprécié.

Working DEMO

Essaye ça 

 $(window).scroll(function () { if ($(window).scrollTop() + $(window).height() > $('.footer').offset().top) { alert("footer visible"); } else { alert("footer invisible"); } });

J'espère que cela vous aide, merci

Il existe un plugin jquery pour cette tâche nommé jQuery Waypoints ( http://imakewebthings.com/jquery-waypoints/ ) 

 $('#footer').waypoint(function(direction) { alert('Top of thing hit top of viewport.'); });

Voici une violon de travail … http://jsfiddle.net/kasperfish/JRUnr/14/

Il est piraté, mais ça marche 

  flag=true; $(window).scroll(function() { st=$(window).scrollTop(); $('#topscroll').html(st) if(st>1450){ if(flag) alert('test');flag=false; } });