2017-02-14 66 views
0

我没有显示隐藏的子标题。但是当我滚动头正在向上。离子标题栏滚动

<ion-nav-bar class="bar-stable no-tap-scroll"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
    </ion-nav-bar> 
    <ion-nav-bar class="has-header"> 
    <div class="bar-stable bar-subheader no-tap-scroll" id="divslide" ng-show="quickViewDisplay"></div> 
    </ion-nav-bar> 

    /*-----------------------Quick View---------------------------------------*/ 

    #divslide { 
    transition: all linear 0.1s; 
    background-color: lightsalmon; 
    height: 100px; 
    } 

.ng-hide { 
    height: 0; 
    } 

#dotsDrawer { 
    font-size: 30px; 
    text-align: center; 
    } 

    <ion-view view-title="Dashboard"> 
    <ion-content overflow-scroll="false"> 
    <div id="dotsDrawer" class="ion-android-more-horizontal" on-drag-  up="slideUp()" on-drag-down="slideDown()"></div> 
    <h1>Hide the DIV: <input type="checkbox" ng-model="quickViewDisplay"></h1> 
    {{quickViewDisplay}} 
    </ion-content> 
    </ion-view> 

showing sub header scroll problem header bar goes upwords

回答

0

只需添加CSS内容 例如:

.content{ 
top:88 
} 

这个CSS转移下面的内容44px。