swipper全屏垂直滚动获取高度问题

摘要:要实现全屏滚动,必须动态计算用户的屏幕高度;

遇到的问题:

1、设置宽高100%是无法撑开容器来获取高度;

2、可以用js获取屏幕高度,但是会浪费性能

可行方法:

将容器脱离文档流,设置position:absolute,然后设置宽高100%就可以了

 

 标准的swiper结构,contain的高度必须是屏幕的高度才能完美实现,垂直全屏滚动

contain{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

此行代码非常关键

 

write by :tuantuan

posted @ 2020-07-31 14:09  WidgetBox  阅读(487)  评论(0编辑  收藏  举报