Javascript 滚动特定div时开始计数
我正在尝试制作一个工作函数,它应该能将数字从零变成特定的数字。当我滚动到它的父div时,应该执行该脚本。 但当我滚动到那里时,什么也没发生,它保持在零 我已经下载了一些jquery.animateNumber.js,它在它的演示中可以使用,但对我来说不起作用。我的功能如下,谢谢你的建议Javascript 滚动特定div时开始计数,javascript,jquery,Javascript,Jquery,我正在尝试制作一个工作函数,它应该能将数字从零变成特定的数字。当我滚动到它的父div时,应该执行该脚本。 但当我滚动到那里时,什么也没发生,它保持在零 我已经下载了一些jquery.animateNumber.js,它在它的演示中可以使用,但对我来说不起作用。我的功能如下,谢谢你的建议 $(function() { var oTop = $('#nase-prace').offset().top - window.innerHeight; $(window).scroll(fun
$(function() {
var oTop = $('#nase-prace').offset().top - window.innerHeight;
$(window).scroll(function(){
var pTop = $('body').scrollTop();
console.log( pTop + ' - ' + oTop ); //just for your debugging
if( pTop > oTop ){
start_count();
}
});
});
function start_count(){
$('#projektu').animateNumber({ number: 21 });
$('#klientu').animateNumber({ number: 18 });
$('#souboru').animateNumber({ number: 78941 });
}
我已经修改了你的密码
为了使窗口可滚动,我添加了一个“offset div”。此外,当动画开始时,我关闭了滚动
事件的侦听器
这似乎有效,您能看到当前代码的其他差异吗?请提供一个代码片段或jsfiddle@squaleLis