- 当前 Bug 的表现(可附上截图)
scroll-view(scroll-y)嵌套swiper(横向)再嵌套scroll-view(横向)
即:
scroll-view [scroll-y]
- swiper
-scroll-view [scroll-x]
当第一个 scroll-view 高度设为可滚动后,让 swiper 来回切换,然后来回滚动 最内层的 scroll-view。
这时来回切换 swiper,来回操作 scroll-view。有 80% 的几率会导致渲染失败部分组件直接空白,想办法重新渲染后,才能够正常显示。
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
我也遇到这样的问题,请问现在问题解决掉了吗?
scroll-view多重嵌套=>什么场景下需要用到
想要实现一些APP上的效果,比如顶部现在是banner。在下拉的时候顶部出现变化,然后自定义的tab栏吸顶。
这个时候需要用到第一层scroll-view的事件来做处理(Page的onPageScroll不起作用,不过这是第二个bug吧?)
然后下面swiper,swiper是用来做整页滑动切换自定义tab用的。
里面是业务的横向滚动 scroll-view。
更正一下:在上滑的时候顶部出现变化
就是普通的h5都会有的那种吸顶效果。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html,提供下代码片段