收藏
回答

swiper内容无法自动伸缩,无法自动获取高度

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 微信安卓客户端 7.0.15 2.11.1

例如,固定swiper的height=1200rpx,swiper中的某一swiper-item中内容如果过多(手机屏幕显示不完这么多的内容)。

人性化地设计来说,这些swiper中的内容应该可以向上滚动屏幕查看屏幕没有显示完的剩下内容。

但是实际上并不是这样,内容只能显示固定height=1200rpx中内容,剩下未显示的内容swiper-item将不能自动伸长,无法滚动查看。为了让它能够滚动查看,只能被迫去调整height,使它更高,但是其他内容较少(一张屏幕能够全部容纳)的swiper-item也会变得很长,用户体验将大打折扣。

实现swiper中的内容的自动伸缩(如同view组件),希望能够得到调整,谢谢!

回答关注问题邀请回答
收藏

2 个回答

  • 睡前原谅一切
    睡前原谅一切
    2020-06-28

    swiper包裹 scroll-view https://developers.weixin.qq.com/s/ovgQx3mj7uiG

    2020-06-28
    有用
    回复
  • 我现在只想好好睡一觉
    我现在只想好好睡一觉
    2020-06-19

    如果你只需要swiper-item滑动的话,直接使用css就可以控制了,

    swiper-item {
    user agent stylesheetdisplay: block;
    overflow: hidden;
    will-change: transform;
    }
    


    将swiper-item改成

    swiper-item {
    overflow-y: scroll;
    }
    


    覆盖掉默认样式就可以了

    2020-06-19
    有用
    回复
登录 后发表内容
问题标签