Question

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

我有下一个代码：

当文档准备就绪时，简单计数器是否启动。我希望它会在div id =＆＃34; testimonios＆＃34;在屏幕上可见，因为当我向下滚动以查看效果已经无法看到。

我做了什么，我找到了几个插件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

div可见时激活javascript代码

1 个答案: