4***@qq.com
4***@qq.com
  • 发布:2023-05-16 09:19
  • 更新:2023-05-16 09:32
  • 阅读:144

2个独立的scroll-view组件,能否使得一个组件拖动的时候,两者拖动效果同步

分类:uni-app

我目前的做法是,A和B的2个scroll-view

B设置属性:scrollLeft="somePrarm"
A监听@scroll事件,执行如下语句:

this.somePrarm = e.detail.scrollLeft;

上述可以勉强保持同步,但会卡顿,有什么更好的方法吗,感谢各位阅读和帮助!

2023-05-16 09:19 负责人:无 分享
已邀请:
piaoyi_UI

piaoyi_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

关于卡顿问题,当两个 scroll-view 组件的内容较大或复杂时,可能会出现滚动卡顿的情况。你可以尝试优化以下几点来解决卡顿问题:

减少页面渲染的元素和复杂度,尽量减少 DOM 元素的数量和复杂嵌套。
避免在滚动事件回调函数中执行过多的计算或操作,以免阻塞 UI 渲染线

  • 4***@qq.com (作者)

    大佬,我追问一下哈,2个独立拖动是不卡顿的,我是想在拖动一个scroll-view的时候,让另外个保持同步,但我的写法,应该和dom渲染没啥关系(用demo试过),感觉就是写法有问题

    2023-05-16 09:37

要回复问题请先登录注册