本文详细解析了在小程序中使用Swiper组件时遇到的滚动问题，并提供了解决方案。由于Swiper及其子元素默认被赋予100%的宽度和高度，导致无法实现垂直滚动。文章建议在需要滚动的Swiper-item内部包裹一个scroll-view组件，设置scroll-y属性并保持100%的高度，以此来实现垂直滚动。
小程序里的swiper会在行间自动添加样式，swiper及他的御用子元素swiper-item都会被自动加上width和height的100%；所以我们在css中根本控制不了他的高度，更别提让他overflow-y:hidden；了。
swiper和swiper-item会被默认加上100%的高度，所以想要实现overflow-y：scroll是不可能的额，
想想小程序的纵向滚动就只有scroll-view可以实现，我把scroll-view包住swiper不行，
毕竟每一个swiper-item都是独立的，有的长有的短，包一个是达不到要求的，就算能滚动，
但是别忘了前边说的：swiper和swiper-item会被默认加上100%的高度，所以还是不能滚的。
解决办法就是
把需要滚动的swiper-item里边包一个scroll-view 设置一个scroll-y 并且高度100%
扫一扫
1375
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
