美文网首页前端
ionic ion-slide 高度问题

ionic ion-slide 高度问题

作者: 不伟心 | 来源:发表于2017-11-06 17:06 被阅读98次

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

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

    相关文章

      网友评论

        本文标题:ionic ion-slide 高度问题

        本文链接:https://www.haomeiwen.com/subject/yfglmxtx.html