jQuery Girl
  1. jQuery Girl
  3. Afficher et masquer un div quand l’élément est dans la vue
Intereting Posts
Validation JQuery sans nécessiter de scripts MS dans le projet asp.net mvc2 Existe-t-il un moyen intelligent d’obtenir la cible sortingable dans jQueryUI? jquery plugin pour annotation / visite de site Web? Validation de la requête pour la date “MM / AAAA” Comment puis-je afficher des tabs avec le framework Twitter Bootstrap? Les images débordent de leur conteneur dans IE8 avec Fancybox jquery ui tabs changement majeur de style html & javascript: Comment stocker des données faisant référence à des éléments html jQuery: Toutes les 5 secondes, cliquez automatiquement sur l’image suivante dans une liste? Les transformations 2D CSS3 ne fonctionnent pas sur IE9 si elles sont définies par jQuery JQuery: Modifier les parameters d’URL sans recharger? jQuery.draggable () – Revenir en cliquant sur le bouton Comment utiliser jQuery pour append quelque chose à la valeur d’un élément de formulaire, par opposition à sa modification? Comment détecter quel bouton est cliqué avec jQuery Jquery scrollTop se met dans la mauvaise position

Afficher et masquer un div quand l’élément est dans la vue

Je veux que

se cache lorsqu’un est dans la fenêtre. Lorsque quitte la fenêtre, je souhaite que

masqué.

La première partie cache

fonctionne bien, mais la deuxième partie affiche

ne fonctionne pas. C’est probablement quelque chose de vraiment stupide mais je ne suis pas ce sorcier de JS. Voici le JS. 

   $(window).scroll(function() { if ($('.waar:in-viewport')) { $('.sticky-info').hide(); } else { $('.sticky-info').show(); } });

La page que vous pouvez visiter ici http://www.joets.be/test/joetz/page_vakanties.html

THX

Votre déclaration if sera toujours vraie. $('.waar:in-viewport') retournera un object jQuery, vide ou non, peu importe, c’est une valeur de vérité.

Je crois que ce que vous recherchez est .is() : 

 $(window).scroll(function() { if ($('.waar').is(':in-viewport')) { $('.sticky-info').hide(); } else { $('.sticky-info').show(); } });

Remarque: Cela suppose que votre plug-in prend en charge les mêmes fonctionnalités que les pseudo-sélecteurs jQuery natifs.