用ion-slide封装滑动视图组件，进行滑动导航相关操作，每一个slide下都会放一个页面，每个页面的高度又是不一样的，这个时候使用ion-slide会出现一个问题，高度最高只能有屏幕那么高，如果你在有tab栏的情况下使用，高度只有屏幕高screen-height-tab高这么高，这样显然是不可以的。
我们解决问题要主要结合调试工具，看看里边那个类影响了他的高度，光百度，谷歌还是不行的，重要的是学会调试，学会理解。
首先我们可以先解决tab高度，让她屏幕这么高：
.scroll-content{
height: 100%;
}
然后在slides标签中增加
style="height:auto"
在ts文件中slide自适应高度
$('.slide-zoom').css('height',date.data.length * 200);
注意在没有内容时候还是要通过动态设置，将其设置成
$('.slide-zoom').css('height',100%);
以防出现问题，谢谢大家！
用ion-slide封装滑动视图组件，进行滑动导航相关操作，每一个slide下都会放一个页面，每个页面的高度又是不...
问题：angular.js+ionic框架，要适应不同手机头部与内容的高度 之前没有接触过angular.js，认...
在一开始ion-slide所在的组件如果ng-show 设为false 那么将导致ion-slide 的visit...
接上文：ionic4-div容器自适应手机屏幕高度 ionic4-overflow-x:scroll时，显示滚动条...
1.动态生成 ion-slide 报错 原因:页面渲染完成时,接口尚未完成取值,所以页面的 banners 为 u...
问题描述： 无论使用 Ionic 封装的 import { File } from '@ionic-native/...
问题描述 在打包app的时候使用ionic build android没有问题,但是使用ionic build a...
ionic项目中的问题
问题描述 使用ionic serve在浏览器上运行app没有问题,当使用ionic run android让app...
ionic4-div容器自适应手机屏幕高度 需求：手机大小不一，高度不一，此处俩div需要根据手机大小不同，始终撑...
本文标题：ionic ion-slide 高度问题
本文链接：https://www.haomeiwen.com/subject/yfglmxtx.html
网友评论