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

我很难做到这一点：)但是，只有在整个div可见的情况下，您才能帮助实现它吗？

Answer 1

我删除了整个jquery可见代码，并使用addEventListener进入幻灯片(div)。

函数document.getElementById("slideID").addEventListener (“印记：

event”，函数(事件){

//步骤enter的代码

}，false);