ionic ion-slide 高度问题

用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%);

以防出现问题,谢谢大家!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 一、内容定位关键词拓展 定位好行业、人群、业务类型。 例:行业-监控 人群-商铺、企业、别墅业主、工厂 业务-小型...
    sherrytx阅读 266评论 0 1
  • 1.骑车骑了一天,从钟村穿过大夫山去观龙岛,转了一圈到了中午吃了烧鸡和瓷菜心。18块的菜心那么一大碟!烧鸡吃了两块...
    铃铛风聆阅读 232评论 0 0