scroll-view需要可以按x和y方向拖动，但需要每次拖动我只要一个方向可拖动，如何实现(微信小程序)

分类：uni-app

scroll_view

如题场景下，我在微信小程序上，手机真机模拟，会发现斜向拖动，两个方向都会变，效果不是很好
请问该如何调整呢？感谢各位！

以下是伪代码：
<scroll-view scroll-x="true" scroll-y='true'>子组件内容</scroll-view>

2023-05-16 08:59 负责人:无分享

2 个回复

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

scroll-x，scroll-y设置是否横向和竖向滚动，一个设置false一个设置true

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

不好意思，刚刚没描述清楚，希望能够x和y都能拖动，但我只要每次拖动，要么x要么y，只动一个方向

2023-05-16 09:08
Diligent_UI

回复 4***@qq.com: 通过 scroll-x 和 scroll-y 数据绑定来控制 scroll-view 组件的滚动方向。在 onScroll 事件回调函数中，根据 scrollLeft 和 scrollTop 的值来判断滚动方向，然后动态更新 scroll-x 和 scroll-y 的值，从而实现在不同方向上单独拖动的效果

2023-05-16 09:15
4***@qq.com (作者)

回复 Diligent_UI: 有道理，我试试看，感谢感谢

2023-05-16 09:18
Diligent_UI

回复 4***@qq.com: 有空的话可以加我一起交流的哟

2023-05-16 09:20

回复晚了，我试过在onscroll内设置，动态更新 scroll-x 和 scroll-y 的值，体验不是很流畅，在真机中，切换x和y，总归要慢一点

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