在CSS动画之后滚动到锚点？

Question

我有一个CSS动画是这样的：

@-webkit-keyframes flip { 
0% {opacity:1;} 
100% {opacity: 0;} //This could be 90% 
//And here could be frame for 100% which would scroll it down. 
} 

---

#headercover { 
    -webkit-animation-name:flip; 
-webkit-animation-duration:3s; 
-webkit-animation-timing-function:ease; 
-webkit-animation-delay:1s; 
-webkit-animation-iteration-count:1; 
-webkit-animation-play-state:running; 
-webkit-animation-fill-mode: forwards; 

---

我希望页面向下滚动到锚，动画的最后一帧之后。 我对jQuery或JavaScript没有太大的经验，所以你能帮我一把吗？

请参阅网站：HERE

Answer 1

setTimeout(function(){ 
    $('html, body').animate({ 
     scrollTop: $("#elementtoScrollToID").offset().top 
    }, 2000); 
}, 3000); // wait 3000 ms