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

分类：uni-app

scroll_view

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

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

this.somePrarm = e.detail.scrollLeft;

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

2023-05-16 09:19 负责人:无分享

1 个回复

Diligent_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

要回复问题请先登录或注册