触发countUp一次

时间:2017-10-30 14:41:54

标签: jquery html

我一直在寻找一种方法来解决这个问题,在传递代码之后在counterUp中运行,但是如果窗口滚动回到顶部并且一直向下(这是类),它会再次开始计数。有没有办法防止这种情况。

   

$(".elevator").on("click", function() {
$('html, body').animate({
    scrollTop: 0
 }, 500);
})

$(document).ready(function() {
  
$(window).scroll(function () {
  console.log($(window).scrollTop())
if ($(window).scrollTop() > 1460) {
    $('#elevateTop').show( "slide", {direction: "right" },500);
       
}
if ($(window).scrollTop() < 1459) {
    $('#elevateTop').hide( "slide", {direction: "right" },500);
}
});
});

jQuery(document).ready(function( $ ) {

$('.integers').counterUp({
delay: 10,
time:   1000,
triggerOnce:true
})
});
 <script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
 </script>
 <h1 style="color: #e74c3c;">
  <span class="integers">200</span>
 </h1>

0 个答案:

没有答案