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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webapp 頁面在andriod網頁端滑動頁面會出現卡頓。

webapp 頁面在andriod網頁端滑動頁面會出現卡頓。

慕婉清6462132 2018-07-20 21:18:50
頁面在ios下不會出現卡頓。但是在andriod下出現卡頓。我覺得可能是展示內容過多。dom節點太多了。想問問各位大神有沒有什么優化方案。
查看完整描述

3 回答

?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

用 iscroll.js 挺好。

查看完整回答
反對 回復 2018-07-23
?
守著星空守著你

TA貢獻1799條經驗 獲得超8個贊

-webkit-overflow-scrolling : touch

查看完整回答
反對 回復 2018-07-23
?
溫溫醬

TA貢獻1752條經驗 獲得超4個贊

DOM 節點過多不會引起卡頓,大部分卡頓的原因都是因為在滾動過程中 JS 對 DOM 進行操作導致了回流。

滾動時需要 js 對 DOM 進行操作的話,大概就是這么幾種場景: 視差滾動,sticky,相對窗口固定。視差滾動是性能殺手,現代瀏覽器可以通過 canvas 實現,性能會好很多。實現 sticky 的時候很多人都會每次都去獲取元素位置,這樣也會降低性能,正確的方法是第一次獲取元素的初始位置,每次滾動的時候拿滾動高度和它對比就好了。相對窗口固定就用 position:fixed 好了。

查看完整回答
反對 回復 2018-07-23
  • 3 回答
  • 0 關注
  • 759 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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