丶且听风吟8
丶且听风吟8
  • 发布:2021-04-19 09:57
  • 更新:2021-04-19 11:23
  • 阅读:1024

scroll-view绑定touchmove事件会受到什么影响?有时可以有时不行,非常奇怪(在真机调试下)

分类:HBuilderX

我的代码之前是在pageDetail.vue页面的,后来移到pageHome.vue页面了,然后 scroll-view 的 touchmove 事件就出现怪异的现象,有时可以,有时不行。百思不得其解

在微信开发者工具下是正常的,真机调试时就出现问题了。

布局描述: 左侧是导航菜单,右侧是 scroll-view

现象描述: 第一个导航菜单对应的右侧 scroll-view 不响应 touchmove 事件, 倒数第三个也不支持…… 其他的支持,非常怪异

我真机调试时看到,向上滑动时, touchmove 是响应的,向下滑动不响应…… touchstart, touchend 都是有console.log输出的, 就 touchmove 向上滑动有输出,向下滑动没输出

请大家帮帮忙,给点提示, scroll-view 的 touchmove 到底会受那些因素影响呢?抓破头皮……

问题重现:

2021-04-19 09:57 负责人:无 分享
已邀请:
小菜啊

小菜啊 - 业精于勤荒于嬉

如果有scroll-y 会导致touchMove事件向下滑时触发不了,这是老毛病了,如果你要监听触底事件可以用scrolltolower

  • 丶且听风吟8 (作者)

    我要实现 “下拉 至下一个分类”, scrolltolower 实现不了啊

    2021-04-19 11:49

  • 小菜啊

    回复 丶且听风吟8: emmm,可是scroll-y和touchMove冲突这个问题微信到现在也没解决啊

    2021-04-19 11:56

  • 丶且听风吟8 (作者)

    回复 小菜啊: 我看 沃尔玛 可以,应该是有解决之道的吧,仁兄,有没有好的解决办法推荐下

    2021-04-19 12:03

  • 小菜啊

    回复 丶且听风吟8: 放弃用scroll-view,去看看插件市场有没有,或者自己写段js监听滑动

    2021-04-19 13:47

  • 丶且听风吟8 (作者)

    回复 小菜啊: 好的,感谢!

    2021-04-19 14:37

  • 小菜啊

    hai回复 丶且听风吟8: 还有一个思路,监听 scroll-top的值,判断下滑的距离再处理你的业务逻辑

    2021-04-19 14:45

  • 丶且听风吟8 (作者)

    回复 小菜啊:你的意思是只用 @scroll ,不用有问题的 @touchmove 吗?但是小程序中 scrollTop 也是很坑的,…… 我先试试……

    2021-04-19 14:54

  • 小菜啊

    回复 丶且听风吟8: 也可以,获取到用户滚动距离,根据原位置和当前位置判断上拉还是下滑,处理业务逻辑

    2021-04-19 14:59

该问题目前已经被锁定, 无法添加新回复