html5微信单页滚动

我想要的效果是这个页面上其他元素的动画都执行完了，最后，这几个按钮再一个一个显示出来，但是现在的问题是其他动画还没执行完，按钮就直接显示在界面上了，再才有一个一个显示的动画效果，就是说我不想要他一开始就显示出来，等其他动画都执行完了再执行这几个按钮的动画就行，请教下这个要怎么实现呢。

按钮css:

.page-2-1 .page-2-1-web {
top: 38%;
-webkit-animation: zoomIn 1s ease 3s;
-moz-animation: zoomIn 1s ease 3s;
-o-animation: zoomIn 1s ease 3s;

}

.page-2-1 .page-2-1-ios {
top: 49%;
-webkit-animation: zoomIn 1s ease 4s;
-moz-animation: zoomIn 1s ease 4s;
-o-animation: zoomIn 1s ease 4s;
}

.page-2-1 .page-2-1-android {
top: 60%;
-webkit-animation: zoomIn 1s ease 5s;
-moz-animation: zoomIn 1s ease 5s;
-o-animation: zoomIn 1s ease 5s;
}

.page-2-1 .page-2-1-wechat {
top: 71%;
-webkit-animation: zoomIn 1s ease 6s;
-moz-animation: zoomIn 1s ease 6s;
-o-animation: zoomIn 1s ease 6s;
}

.page-2-1 .page-2-1-cloud {
top: 82%;
-webkit-animation: zoomIn 1s ease 7s;
-moz-animation: zoomIn 1s ease 7s;
-o-animation: zoomIn 1s ease 7s;
}

动画css:
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}

@keyframes zoomIn {
0% {
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}

.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}

---

animation有个delay参数

---

这个问题在一位高人指点下已完全解决，下面是我的代码：

.page-2-1 .icons {
left: 18%;
z-index: 6;
opacity: 0;
}

.page-2-1 .page-2-1-web {
top: 38%;
-webkit-animation: zoomIn 1s ease 1s forwards;
-moz-animation: zoomIn 1s ease 1s forwards;
-o-animation: zoomIn 1s ease 1s forwards;

}

@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
-ms-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

这里需要加上forwards属性，没有这个属性动画执行完，opacity会还原成0，元素会看不见，用这个属性让动画执行完了之后保持最后一个属性值，也就是动画执行完了opacity为1，这样就OK了

---

用j s的settimeout来控制！不要使用delay！因为delay是延迟动画！也就是在执行动画之前！他是根据你写的样式来的！

---

用js吧。。。