我有一個(gè)用CSS3制作動(dòng)畫的條形圖，當(dāng)前在頁(yè)面加載時(shí)激活動(dòng)畫。我的問題是，由于之前有很多內(nèi)容，因此給定的條形圖不在屏幕上，因此當(dāng)用戶向下滾動(dòng)到該條形圖時(shí)，動(dòng)畫已經(jīng)完成。我一直在尋找通過CSS3或jQuery僅在查看者看到圖表時(shí)激活條形圖上的CSS3動(dòng)畫的方法。<div>lots of content here, it fills the height of the screen and then some</div><div>animating bar chat here</div>如果在頁(yè)面加載后立即快速向下滾動(dòng)，則可以看到該動(dòng)畫。這是我的代碼的jsfiddle。另外，我不知道這是否重要，但是我在頁(yè)面上有此條形圖的多個(gè)實(shí)例。我遇到了一個(gè)名為Waypoint的jQuery插件，但是我絕對(duì)沒有運(yùn)氣。如果有人可以指出正確的方向，那將非常有幫助。謝謝！