当div可见时激活javascript代码

Question

感谢您的推荐，我更新了我的问题。

我有下面的代码：

https://jsfiddle.net/btq7mm0h/3/

是一个简单的计数器，当文档准备好开始。我希望它会在div id =“testimonios”在屏幕上可见时启动，因为当我滚动到下来查看效果已经看不到时。

我发了，我找到几个插件JS喜欢

https://www.customd.com/articles/13/checking-if-an-element-is-visible-on-screen-using-jquery

我的文档中添加脚本，并修改了代码：

if $('#testimonios').visible(true) { 
    $('.count').each(function() { 
     $(this).prop('Counter',0).animate({ 
      Counter: $(this).text() 
     }, { 
      duration: 9000, 
      easing: 'swing', 
      step: function (now) { 
       $(this).text(Math.ceil(now)); 
      } 
     }); 
    }); 
} 

请任何建议。

Answer 1

有几种方法可以解决这个问题，例如使用定时器，纯javascript和jquery有一些变化。这里有一个方法可以解决这个问题。

$("#testimonios").bind("DOMSubtreeModified", function() { 
    // do whatever here, you can even add an if statement for css such as 
    var cssCheck = $(this).css('display'); 

    if (cssCheck == "block") { 
    // Div Display is Visible 
    alert("isVisible"); 
    } else { 
    // Div Display is not Visible 
    alert("isNotVisible"); 
    } 
}); 

你可以看到在codebin结果：http://codebins.com/bin/4ldqoyk