用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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
http://www.dowebok.com/77.html
参考API afterload和index
你可以在滑入某页的时候开始动画
fullpage会在触发的那个屏增加一个样式,好像是active,你可以抓这个active