原因在於scroll時動畫不斷重新play,在progress加上.pause()即可解決:

$(window).on("scroll", function(){
var top = $(window).scrollTop();
var percentofprogress=(top+$(window).height())/($(document).height()-$(window).height());
//console.log(top);
//console.log(top/($doc.height()-$win.height()));
tl.progress(percentofprogress).pause();
} )

 

case #thebodyshop

創作者介紹
創作者 陳阿全 的頭像
陳阿全

12:12

陳阿全 發表在 痞客邦 留言(0) 人氣()