4***@qq.com
4***@qq.com
  • 发布:2023-05-16 08:59
  • 更新:2023-05-16 18:32
  • 阅读:165

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

分类:uni-app

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

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

2023-05-16 08:59 负责人:无 分享
已邀请:
piaoyi_UI

piaoyi_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

  • piaoyi_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 (作者)

    回复 piaoyi_UI: 有道理,我试试看,感谢感谢

    2023-05-16 09:18

  • piaoyi_UI

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

    2023-05-16 09:20

4***@qq.com

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

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

要回复问题请先登录注册