jquery-visible - 보이는 전체 요소

Question

사용자가 스킬을 보여줄 페이지가 있으며 사용자가 해당 슬라이드를로드하면 (impress.js) 나는 막대가 커집니다. 그 때문에 나는 jquery-visible 플러그인을 사용하고 있습니다. 따라서이 기능은 먼 두 슬라이드 사이를 전환 할 때 훌륭하게 작동하지만 서로 가깝게있을 때 스킬 페이지의 한 부분이 "표시"되고 막대가 전체 크기를 일찍로드합니다. 여기 내가 내 술집에 사용되는 코드입니다 :

이

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() { }); 
    } 
}); 

나는 거의이 일을하지 않습니다 :)하지만 당신은 그것을 볼 사업부 전체의 경우에만이 TRUE하게하는 데 도움이 될 수 있습니다?

Answer 1

전체 jquery-visible 코드를 재 작성했으며 해당 슬라이드 (div)를 입력하기 위해 addEventListener를 사용했습니다.

document.getElementById를 ("slideID") 또는 addEventListener ("인상적인 : stepenter"함수 (이벤트) {

 // Code for step enter 

}는 false).;