上拉加載更多,拉著拉著就容易轉(zhuǎn)圈(轉(zhuǎn)圈是自己寫的效果)
原生js上拉加載更多轉(zhuǎn)圈問題
臨摹微笑
2019-03-06 17:23:39
TA貢獻1848條經(jīng)驗 獲得超2個贊
有2點可以優(yōu)化:
1.你這里是當滾動觸底(文檔底)時觸發(fā),那這里其實就會先停頓一下(因為到底),然后轉(zhuǎn)圈請求數(shù)據(jù),再渲出到文檔中,但這樣滾動時還有停頓感(滑動到底到加載數(shù)據(jù)的不流暢感)。推薦在這里加個偏移值,比如當scrollTop到達觸底<=50px(可調(diào)整)時,就觸發(fā)加載事件,那么操作起來時,就是可以一直不停的滑動。
2.給接收的數(shù)據(jù)做提前請求處理。當?shù)谝豁摃r,同時請求第二頁的數(shù)據(jù)并存起來,當快達到第二頁時再渲第二頁數(shù)據(jù),并請求第三頁數(shù)據(jù)。
舉報