jquery可见-整个元素可见

我有一个页面，当用户加载幻灯片（impress.js）时，用户应该在该页面上展示他的技能，并且栏会增长。为此，我使用插件。因此，当我在两个相距较远的幻灯片之间切换时，此功能非常有效，但当它们彼此靠近时，技能页面的一部分是“可见”的，并且条形图会提前加载其全部大小。 以下是我在酒吧使用的代码：

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

---

我几乎无法做到这一点：）但只有当整个div可见时，您才能帮助实现它吗？

我删除了整个jquery可见代码，并使用addEventListener输入该幻灯片（div）

document.getElementById（“slideID”）.addEventListener （“印象：步进”，功能（事件）{

}，假）

      // Code for step enter