jquery-visible - Élément entier visible

Question

J'ai une page où l'utilisateur devrait montrer ses compétences et les barres se développent lorsque l'utilisateur charge cette diapositive (impress.js). Pour cela, j'utilise le plugin jquery-visible. Cette fonction fonctionne donc très bien lorsque je commute entre deux diapositives distantes, mais lorsqu'elles sont proches l'une de l'autre, une partie de la page des compétences est "visible" et les barres se chargent rapidement. Voici le code que j'ai utilisé pour mes barres:

var win = jQuery(window); 
var allMods = jQuery(".skill"); //.skill is container 

allMods.each(function(i, el) { 
    if (jQuery(el).visible(true)) {           
    jQuery("span.bar.line1").animate({ width: 80 }, 3000, function() { }); 
    } 
}); 

Je fais à peine ce travail :) Mais peut vous aider à le rendre vrai que si elle est visible toute la div?

Answer 1

J'ai remodelé le code jquery-visible entier et j'ai utilisé addEventListener pour entrer cette diapositive (div).

document.getElementById ("slideID") addEventListener ("impressionner: stepenter", function (event) {

 // Code for step enter 

}, false).