課程
/前端開發
/JavaScript
/信息滾動效果制作
如題,被老師講得糊里糊涂,完全看不懂了都。
2016-07-07
源自:信息滾動效果制作 3-3
正在回答
首先是執行最下邊setTimeout("startMove()",2000)即等待兩秒執行startMove()函數;
執行startMove()時 ?先scrollTop+1,然后進入setInterval("scrollUp()",50)-->先讓scrollTop+1然后每50毫秒執行一次scrollUp(),即每50毫秒執行下方粗體字部分
在scrollUp()函數里判斷如果增加的scrollTop到了一行的高度就停止兩秒,兩秒后又進入startMove()函數繼續;如果沒有到一行高度就scrollTop繼續加1,如果到了內容高度的1/2的時候讓scrollTop回到0形成無縫滾動的效果;
飛天意大利面神獸 提問者
舉報
萌妹子帶您快速學習滾動效果,掌握無縫滾動和歇間性滾動的制作方法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-08
首先是執行最下邊setTimeout("startMove()",2000)即等待兩秒執行startMove()函數;
執行startMove()時 ?先scrollTop+1,然后進入setInterval("scrollUp()",50)-->先讓scrollTop+1然后每50毫秒執行一次scrollUp(),即每50毫秒執行下方粗體字部分
在scrollUp()函數里判斷如果增加的scrollTop到了一行的高度就停止兩秒,兩秒后又進入startMove()函數繼續;如果沒有到一行高度就scrollTop繼續加1,如果到了內容高度的1/2的時候讓scrollTop回到0形成無縫滾動的效果;