小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
- 预期表现
切换到下一个swiper-item
- 复现路径
列表中左右滑动
- 提供一个最简复现 Demo
https://developers.weixin.qq.com/s/IzxEWKmA7Q3L
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,我这边看了一下,可能是因为你的scroll-view属性里指定 scroll-x 造成的,应该设置为 scroll-y,我弄了一个简单的例子 你参考一下。https://developers.weixin.qq.com/s/4NLDOLm27N3A
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
主要就是要使用自定义组件listView
我给你的例子可以参考一下,scroll-view跟swiper可以并存的。对于listView,如果你既要支持垂直滚动 又希望swiper可以左右滑动的话,应该要把事件冒泡到swiper组件上哦。
<view class='listView_box custom-class' capture-bind:touchstart='touchStart' capture-bind:touchmove='touchMove' capture-bind:touchend='touchEnd'>
这里touchend事件绑定也要用 capture-bind 而不是 capture-catch。
https://developers.weixin.qq.com/s/7TQn0LmW763z 这个我修改之后看起来是正常的
之前为了解决既要scroll-view上下滑动又要swiper左右滑动所以阻止了子组件end事件冒泡到父组件上,现在改成bind目测好用了。
我出现的问题是整体页面是根标签是scroll-view,然后子元素里面有个自动播放的swiper来实现走马灯效果,swiper外层盒子用的overflow:hidden,swiper列表元素非常多,快速来回滑动外层scroll-view iphonex会出现 页面元素层级发生变化,部分显示出来的元素会被覆盖,随后在滑动几下页面又恢复了 反正就是感觉这两个组件同时用滑动的时候会出现未知问题
这两个结合起来我做过,是可以完美并存的
看一下是否与这个问题一致哈:
swiper 与 scroll-view 组合使用的问题https://developers.weixin.qq.com/community/develop/doc/0008cee0f18160a927471e9cb56c00
不一样,我是的scroll-view为纵向滚动并且自定义touch事件, 与swiper的左右滑动冲突,父子组件的事件冲突问题 方式1:scroll-view使用bindtouch事件 导致swiper左右滑动出问题 方式2:scroll-view使用catchtouch事件就会导致scroll-view无法上下滚动
这个问题有解决方法吗?我也遇到同样的问题。swiper里面嵌套scroll-view ,scroll-view的scroll事件有时生效有时失效。
@官方
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,我这边看了一下,可能是因为你的scroll-view属性里指定 scroll-x 造成的,应该设置为 scroll-y,我弄了一个简单的例子 你参考一下。https://developers.weixin.qq.com/s/4NLDOLm27N3A
主要就是要使用自定义组件listView
我给你的例子可以参考一下,scroll-view跟swiper可以并存的。对于listView,如果你既要支持垂直滚动 又希望swiper可以左右滑动的话,应该要把事件冒泡到swiper组件上哦。
<view class='listView_box custom-class' capture-bind:touchstart='touchStart' capture-bind:touchmove='touchMove' capture-bind:touchend='touchEnd'>
这里touchend事件绑定也要用 capture-bind 而不是 capture-catch。
https://developers.weixin.qq.com/s/7TQn0LmW763z 这个我修改之后看起来是正常的
之前为了解决既要scroll-view上下滑动又要swiper左右滑动所以阻止了子组件end事件冒泡到父组件上,现在改成bind目测好用了。
我出现的问题是整体页面是根标签是scroll-view,然后子元素里面有个自动播放的swiper来实现走马灯效果,swiper外层盒子用的overflow:hidden,swiper列表元素非常多,快速来回滑动外层scroll-view iphonex会出现 页面元素层级发生变化,部分显示出来的元素会被覆盖,随后在滑动几下页面又恢复了 反正就是感觉这两个组件同时用滑动的时候会出现未知问题
这两个结合起来我做过,是可以完美并存的
看一下是否与这个问题一致哈:
不一样,我是的scroll-view为纵向滚动并且自定义touch事件, 与swiper的左右滑动冲突,父子组件的事件冲突问题 方式1:scroll-view使用bindtouch事件 导致swiper左右滑动出问题 方式2:scroll-view使用catchtouch事件就会导致scroll-view无法上下滚动
这个问题有解决方法吗?我也遇到同样的问题。swiper里面嵌套scroll-view ,scroll-view的scroll事件有时生效有时失效。
@官方