課程
/前端開發
/JavaScript
/信息滾動效果制作
不是很能理解為什么>= area.scrollHeight/2 且area.scrollTop=0就可以無縫了。
2016-04-08
源自:信息滾動效果制作 3-2
正在回答
首先你的考慮無縫滾動的原理,就是復制一個一樣的接著上一個滾動,然后再明白scrollTop(被卷去的高度)和scrollHeight(區域高度),區域里有兩個ul他們等高并且剛好把區域高度劃分為兩半(area.scrollHeight/2),只要第一個滾到看不見了(area.scrollTop >= area.scrollHeight/2),就可以把第一個拉回到最底下(area.scrollTop=0)。不知道這樣的解釋你能明白嗎
其實TAMA醬不是我名字 提問者
飛飛赫赫 回復 其實TAMA醬不是我名字 提問者
P妞醬醬 回復 飛飛赫赫
舉報
萌妹子帶您快速學習滾動效果,掌握無縫滾動和歇間性滾動的制作方法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-08
首先你的考慮無縫滾動的原理,就是復制一個一樣的接著上一個滾動,然后再明白scrollTop(被卷去的高度)和scrollHeight(區域高度),區域里有兩個ul他們等高并且剛好把區域高度劃分為兩半(area.scrollHeight/2),只要第一個滾到看不見了(area.scrollTop >= area.scrollHeight/2),就可以把第一個拉回到最底下(area.scrollTop=0)。不知道這樣的解釋你能明白嗎