最近在做一款类似小红书的小程序时,有使用到swiper及嵌套功能。
经过开发测试发现IOS在滑动时容易造成swipter-item上的内容丢失。
经过真机测试和调试发现,原生组件中存在IOS兼容的BUG。
具体操作看下图:
从上图中我们看到原生的swiper-item 真机调试时自带了position:abolute;
IOS测试过程中发现,只要在真机调试上鼠标移动到对应的VIEW标签上文字就出现了。
于是在页面样式中加上:
swiper-item{
position:fixed !import;
}
问题成功解决。无论怎么上下左右滑动都不会出现swiper-item上文字消失的情况。
建议官方及时完善这个BUG。