要实现全屏滚动,必须动态计算用户的屏幕高度;
遇到的问题:
1、设置宽高100%是无法撑开容器来获取高度;
2、可以用js获取屏幕高度,但是会浪费性能
可行方法:
将容器脱离文档流,设置position:absolute,然后设置宽高100%就可以了。
<div id="pcShow">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"> </div>
</div>
</div>
</div>
#pcShow{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.swiper-container{
width: 100%;
height: 100%;
}