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

我很难做到这一点:)但是只有当它整个 div 可见时，你能帮助让它变成 TRUE 吗？

Answer 1

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

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

      // Code for step enter

}, false);