84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
使用swiper.js实现选卡项切换切换 但是各个选卡项的高度是不一样的 数据也是异步加载进去的为了swiper-container自适应高度 设置了autoHeight:true 但是发现当内容高度<屏幕高度的时候这个属性就不起作用了 通过js设置改变了 但是仍能向下滑动空白区域请问怎么解决
我之前也遇到过这个问题,因为swiper容器是个p盒子,所以会按各个子tab中高度最大的,作为自己的高度。所以只用css不行哦,要加点js判断。
解决方法:1.首先监听tab切换事件的回调,在tab切换完成以后,获取当前tab内容的高度,然后js把外面的swiper容器设置成当前内容高度。2.其次动态内容加载完成以后,原理也一样,也去手动获取内容高度,然后设置外面容器的height为当前内容高度。
具体代码不在身边,可以迟点贴给你,不过思路有了,相信你肯定可以实现出来的哦!
我之前也遇到过这个问题,因为swiper容器是个p盒子,所以会按各个子tab中高度最大的,作为自己的高度。所以只用css不行哦,要加点js判断。
解决方法:
1.首先监听tab切换事件的回调,在tab切换完成以后,获取当前tab内容的高度,然后js把外面的swiper容器设置成当前内容高度。
2.其次动态内容加载完成以后,原理也一样,也去手动获取内容高度,然后设置外面容器的height为当前内容高度。
具体代码不在身边,可以迟点贴给你,不过思路有了,相信你肯定可以实现出来的哦!