2017-02-14 11 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をシフトします。

関連する問題