IONIC自定义动态高度SubHeader的解决方案

最新推荐文章于 2021-05-25 17:12:19 发布

置顶

天外野草

最新推荐文章于 2021-05-25 17:12:19 发布

阅读量3.7k

点赞数 1

分类专栏： Ionic HTML5 HTML5混合应用开发技术栈文章标签： ionic-sub

本文链接：https://blog.csdn.net/jiangbo_phd/article/details/52606227

版权

本文介绍了一种解决IONIC中SubHeader动态高度问题的方法，通过创建自定义directive和调整CSS，避免了手动修改content top值的繁琐过程。

摘要由CSDN通过智能技术生成

IONIC subheader是我们常用的一个css 属性，但是这个subheader的高度是固定的，当然也是可以改变的，但是如果改了subheader的告诉，还要更改content的top值，稍微有些麻烦，如果是动态告诉的subheader就麻烦了，还需要动态更改content的top数值，所以就写了一个directive解决这个问题：

上代码吧：

主要代码

/**
 * Created by Richard on 9/21/16.
 */

'use strict';

// @ngInject
module.exports = function() {
   
    return {
        link: function(scope, element, attrs) {
   
            scope.$watch(function()