用fullpage做了切屏的效果，但是每一屏动画的开始时间怎么判断？
单页面应用，希望每一屏的css3动画是在划到该屏的时候再去触发，js怎么去判断每一屏动画开始触发的时间
<!DOCTYPE html>
<html data-mw="2000">
<head lang="en">
<meta charset="UTF-8">
<title>remTest</title>
</head>
<body>
<div id="wrap">
<div class="section" name="index1">
</div>
<div class="section" name="index2">
</div>
<div class="section" name="index3">
</div>
</div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery.fullPage.js"></script>
<script>
$(function(){
$('#wrap').fullpage({
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90']
});
});
//这么写错在哪里
$(function(){
for(var i=0;i<$(".section").length;i++){
$(".section:eq(i)").index = i;
if($(".section:eq(i)").hasClass("active")){
$(".section:eq(i) h1").addClass("leftIn");
}
}
})
</script>
</body>
</html>
jquery css3 JavaScript fullpage css3动画
矛塞↓↑盾开
9 years, 3 months ago
Answers
http://www.dowebok.com/77.html
参考API afterload和index
你可以在滑入某页的时候开始动画
mikas
answered 9 years, 3 months ago