今天做一個輪播，輪播圖上使用animation。需求是當滾動到當前圖片時，圖片中的div從無到有逐漸顯示，
遇到的問題是：頁面刷新時，此圖片上的div可以從無到有，但第二次滾動到此圖片時，總是先顯示一下div，然后再執行動畫
網上查的方法：
1.使用animation-fill-mode，失敗
2.animationStart、animationIteration、animationEnd，失敗
最后解決思路是：
每次輪播到此圖片時，總是已經顯示了圖片中的div，索性，當輪播滾動到其他位置時，將其設為display：none; 滾動回來時，設為display:block；終於解決了
