开发者社区> 问答> 正文

webapp 页面在andriod网页端滑动页面会出现卡顿

页面在ios下不会出现卡顿。但是在andriod下出现卡顿。
我觉得可能是展示内容过多。dom节点太多了。
想问问各位大神有没有什么优化方案。

展开
收起
杨冬芳 2016-06-02 15:46:48 2463 0
1 条回答
写回答
取消 提交回答
  • IT从业

    DOM 节点过多不会引起卡顿,大部分卡顿的原因都是因为在滚动过程中 JS 对 DOM 进行操作导致了回流。

    滚动时需要 js DOM 进行操作的话,大概就是这么几种场景: 视差滚动,sticky,相对窗口固定。视差滚动是性能杀手,现代浏览器可以通过 canvas 实现,性能会好很多。实现 sticky 的时候很多人都会每次都去获取元素位置,这样也会降低性能,正确的方法是第一次获取元素的初始位置,每次滚动的时候拿滚动高度和它对比就好了。相对窗口固定就用 position:fixed 好了。

    2019-07-17 19:25:05
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路 立即下载
低代码开发师(初级)实战教程 立即下载