鍍金池/ 問答/HTML/ 原生js上拉加載更多轉(zhuǎn)圈問題

原生js上拉加載更多轉(zhuǎn)圈問題

上拉加載更多,拉著拉著就容易轉(zhuǎn)圈(轉(zhuǎn)圈是自己寫的效果)

clipboard.png

回答
編輯回答
只愛你

有2點(diǎn)可以優(yōu)化:
1.你這里是當(dāng)滾動(dòng)觸底(文檔底)時(shí)觸發(fā),那這里其實(shí)就會(huì)先停頓一下(因?yàn)榈降祝?,然后轉(zhuǎn)圈請(qǐng)求數(shù)據(jù),再渲出到文檔中,但這樣滾動(dòng)時(shí)還有停頓感(滑動(dòng)到底到加載數(shù)據(jù)的不流暢感)。推薦在這里加個(gè)偏移值,比如當(dāng)scrollTop到達(dá)觸底<=50px(可調(diào)整)時(shí),就觸發(fā)加載事件,那么操作起來(lái)時(shí),就是可以一直不停的滑動(dòng)。
2.給接收的數(shù)據(jù)做提前請(qǐng)求處理。當(dāng)?shù)谝豁?yè)時(shí),同時(shí)請(qǐng)求第二頁(yè)的數(shù)據(jù)并存起來(lái),當(dāng)快達(dá)到第二頁(yè)時(shí)再渲第二頁(yè)數(shù)據(jù),并請(qǐng)求第三頁(yè)數(shù)據(jù)。

2018年9月10日 12:29