我一直在寻找一种方法来解决这个问题,在传递代码之后在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>