离子标题栏滚动

Question

我确实显示了subheader的隐藏。但是当我滚动标题向上时。

   <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

Answer 1

只需将css添加到内容中即可 例如：

.content{
top:88
}

此css将内容转移到44px以下。