亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

if (area.scrollTop >= area.scrollHeight/2 ) { area.scrollTop = 0; }

不是很能理解為什么>= area.scrollHeight/2 且area.scrollTop=0就可以無縫了。

正在回答

1 回答

首先你的考慮無縫滾動的原理,就是復制一個一樣的接著上一個滾動,然后再明白scrollTop(被卷去的高度)和scrollHeight(區域高度),區域里有兩個ul他們等高并且剛好把區域高度劃分為兩半(area.scrollHeight/2),只要第一個滾到看不見了(area.scrollTop >= area.scrollHeight/2),就可以把第一個拉回到最底下(area.scrollTop=0)。不知道這樣的解釋你能明白嗎


0 回復 有任何疑惑可以回復我~
#1

其實TAMA醬不是我名字 提問者

能明白。。但是還是不太理解為什么把第一個拉回到最底下而不是直接覆蓋掉還沒有滾完的第二個部分。。。
2016-04-09 回復 有任何疑惑可以回復我~
#2

飛飛赫赫 回復 其實TAMA醬不是我名字 提問者

忘記看慕課回復了。不知道你現在明白沒。因為如果直接把第一個覆蓋第二個,會出現很不好的用戶體驗,因為假如你看見的滾動區域為100px高,需要滾動的文字div有150px高,當文字滾完100px,只剩下50px時,后面不就出現了50px空白了,所以要復制一個div填補這50px空白。第一個div當滾完150px時,第二個div正好也滾完100px,還剩50px,這時把第一個div拉到最底下的好處就出現了,第一個div可以接著第二個div滾動。
2016-04-27 回復 有任何疑惑可以回復我~
#3

其實TAMA醬不是我名字 提問者

非常感謝!
2016-04-27 回復 有任何疑惑可以回復我~
#4

飛飛赫赫 回復 其實TAMA醬不是我名字 提問者

客氣了。一起加油!學習
2016-05-07 回復 有任何疑惑可以回復我~
#5

P妞醬醬 回復 飛飛赫赫

area.scrollTop=0不就是覆蓋掉第二個了嗎,為啥是拉回到最底下?
2016-05-22 回復 有任何疑惑可以回復我~
查看2條回復

舉報

0/150
提交
取消
信息滾動效果制作
  • 參與學習       47740    人
  • 解答問題       333    個

萌妹子帶您快速學習滾動效果,掌握無縫滾動和歇間性滾動的制作方法

進入課程

if (area.scrollTop >= area.scrollHeight/2 ) { area.scrollTop = 0; }

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號