需要實(shí)現(xiàn)一個(gè)類(lèi)似蘋(píng)果官網(wǎng)iPhone X主頁(yè)那樣的動(dòng)畫(huà)效果，就是滾動(dòng)條滾動(dòng)一張圖片逐漸放大，繼續(xù)滾動(dòng)顯示出文字，蘋(píng)果官網(wǎng)使用的canvas，但是具體js怎么去寫(xiě)沒(méi)有太多思路，大多demo都是滾動(dòng)執(zhí)行，就是滾動(dòng)到某一點(diǎn)自己執(zhí)行動(dòng)畫(huà)直至完成，但是不是想要的效果，需要隨著滾動(dòng)條滾動(dòng)逐幀執(zhí)行，如果滾動(dòng)條反向滾動(dòng)，則反向執(zhí)行動(dòng)畫(huà)，停止?jié)L動(dòng)則動(dòng)畫(huà)停止，類(lèi)似這樣的動(dòng)畫(huà)效果該如何去實(shí)現(xiàn)，插件也好或者原生js也可，望大牛不吝賜教。