【javascript】uniapp 联动scroll-view时候出现延迟
阅读: 64 回复: 0

发布于:2020-9-20

问题描述

期望:能够正常联动无延迟

解决方案

解决方案:

首先我们应该知道 scroll-view 为什么会出现卡顿,延迟不一致的问题,主要是因为

在小程序端,有两个线程一个是ui线程,一个是js线程,这两个线程在pc浏览器里面是在一个进程中的,但在小程序段uniapp做了优化,单独放于不通的进程中,这样一来,js控制ui就需要通过进程间通讯,这个通讯主要是 jsbriage中间层进行代理的,里面有一个事件队列,如果这个scroll-view频繁触发会导致队列处理速度延迟,所以在此不建议用js直接操作ui滚动条,我们只需要通过修改样式值让ui进程自己去控制即可,这里建议使用 transform来代替left,top实现即可并且加上防抖的脚本,通过最终跟需求方的沟通,使用transform的效果果然让性能提升了很多,所以这点大家一定要注意。

知识点普及:


这种写法通常会降低性能

录屏实操

录屏暂未发布,请耐心等待