例如,固定swiper的height=1200rpx,swiper中的某一swiper-item中内容如果过多(手机屏幕显示不完这么多的内容)。
人性化地设计来说,这些swiper中的内容应该可以向上滚动屏幕查看屏幕没有显示完的剩下内容。
但是实际上并不是这样,内容只能显示固定height=1200rpx中内容,剩下未显示的内容swiper-item将不能自动伸长,无法滚动查看。为了让它能够滚动查看,只能被迫去调整height,使它更高,但是其他内容较少(一张屏幕能够全部容纳)的swiper-item也会变得很长,用户体验将大打折扣。
实现swiper中的内容的自动伸缩(如同view组件),希望能够得到调整,谢谢!
swiper包裹 scroll-view https://developers.weixin.qq.com/s/ovgQx3mj7uiG
如果你只需要swiper-item滑动的话,直接使用css就可以控制了,
swiper-item { user agent stylesheetdisplay: block; overflow: hidden; will-change: transform; }
将swiper-item改成
swiper-item { overflow-y: scroll; }
覆盖掉默认样式就可以了