Question

我在将动画移到离子应用程序时遇到问题。主要问题是我不知道如何在屏幕滑动时禁用侧栏开启。我希望我的侧栏刚打开时单击导航图标不要在页面滑动时打开。我的导航代码在这里：

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-traveler">
      <ion-nav-back-button>
      </ion-nav-back-button>
      <ion-nav-title class="heder-tabs">
        <span><a >Travel</a></span>
        <span><a >Location</a></span>
        <span><a >Networking</a></span>
      </ion-nav-title>
      <ion-nav-buttons side="right">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="right">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
      <ion-nav-view class="has-header"></ion-nav-view>
  </ion-side-menu-content>


  <ion-side-menu side="right">
    <ion-content>
      <ion-list>
         <ion-item menu-close ng-click="">
          Traveler
        </ion-item>
        <ion-item class="side-navigation-pinko" menu-close href="">
          <div class="pinko-nav">
            <div class="pinko-sidenav-logo">
              <img src="img/pro4travel-logo.png">
            </div>
            <div class="first-three-nav-choice">Pinko</div>
          </div>  
        </ion-item>
        <ion-item menu-close href="">
          Club
        </ion-item> 
        <ion-item menu-close ng-click="">
          My Agency
        </ion-item>
        <ion-item menu-close href="">
          My Karma
        </ion-item>
        <ion-item menu-close href="">
          Notification
        </ion-item>
        <ion-item menu-close href="">
          Profile
        </ion-item>
         <ion-item menu-close href="">
          Settings
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

Answer 1

自己寻找解决方案。我刚刚添加了ion-side-menu-content这样的拖动内容：

<ion-side-menu-content drag-content="false">

离子导航侧栏

1 个答案: