swiper实现图片预加载. 可那个loadding.gif 没有垂直居中。 问题是没有高度。。

阿飞i
  • 629

图片描述

图片描述

我看swiper官网上面的demo怎么没有问题. 我如此反复对比了还是没发现哪有问题..

回复
阅读 6.1k
1 个回答

来自2018年的答案,首先我和楼主一样遇到了一样的问题,出问题的关键我也找到了,也成功的解决了,说下出这个问题的原因,是因为swiper默认是图片固定高度的,(造成图片不是缩放全屏的,所以我们才会设置{autoHeight:true}让图片缩放全屏),就是因为这个属性,swiper内部没有处理好,图片描述

看图就可以看出swiper默认会设置的高度出错,因为是swiper的bug导致的,也是因为们开启了{autoHeight:true}导致的。

解决方案①,关闭autoHeight:true模式,这样就必须固定高度,保证不会出现loading不是正居中的情况发生(但是就没有缩放全屏这种优雅情况了)
解决方案②,我们手动的吧每一个.swiper-slide设置高度,设置成我们真正的那个高度,问题也就解决了。(就是稍微麻烦一点点,但是得到的是整个森林)

最后算是给后面来到这里的人留下点有用的料,希望能帮到人

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏