離子禁用滑動右側菜單，但不是左側菜單

在我的離子應用程序中，我有兩個菜單，左側和右側。我想停用右側菜單上的「滑動打開菜單」，但不是左側。離子禁用滑動右側菜單，但不是左側菜單

這裏是我的代碼的簡化版本：

<body ng-app="myapp" ng-controller="MainCtrl"> 
 

 
    <ion-side-menus> 
 
     <!-- Left menu --> 
 
     <ion-side-menu side="left"> 
 
      <ion-list> 
 
       <ion-item href="#/detail"><i class="icon ion-heart"></i>&nbsp; Rate App</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-share"></i>&nbsp; Share App</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-more"></i>&nbsp; More Apps</ion-item> 
 
       <ion-item href="#/detail"><i class="icon ion-android-mail"></i>&nbsp; Contact</ion-item> 
 
      </ion-list> 
 
     </ion-side-menu> 
 

 
     <!-- Center content --> 
 
     <ion-side-menu-content> 
 
      <ion-header-bar class="bar-positive"> 
 
       <button class="button button-icon" menu-toggle="left"> 
 
        <i class="icon ion-navicon"></i> 
 
       </button> 
 
       <h1 class="title">Title</h1> 
 
       <button class="button button-dark" menu-toggle="right"> 
 
        <i class="ion-android-download"></i> Download App 
 
       </button> 
 
      </ion-header-bar> 
 
      <ion-content> 
 
       <!-- Main content --> 
 
      </ion-content> 
 
     </ion-side-menu-content>   
 

 
     <!-- Right menu --> 
 
     <ion-side-menu side="right"> 
 
      <ion-pane class="right"> 
 
       <p>Some content in the right menu</p> 
 
      </ion-pane> 
 
     </ion-side-menu> 
 

 
    </ion-side-menus> 
 

 
</body>

來源

2015-02-10 Christian Strang

我有同樣的麻煩。您是否找到了解決方案？ – 2015-10-29 08:28:34

-1

這不是一個妥善的解決辦法，但它修復了這個有點:)這將返回內容返回到原點位置。另一方面使用275而不是-275來比較css矩陣的值。

$rootScope.$watch(function(){ 
    return $("ion-side-menu-content").css("transform"); 
}, function(css) { 
    if(css == "matrix(1, 0, 0, 1, -275, 0)") { 
     $("ion-side-menu-content").css("transform", "translate3d(0px 0px 0px)"); 
     $("ion-side-menu-content").css("-webkit-transform", "translate3d(0px 0px 0px)"); 
     $("ion-side-menu-content").css("-ms-transform", "translate3d(0px 0px 0px)"); 
    } 
});

來源

2015-03-24 11:09:07

這沒有辦法。 – 2015-10-29 08:31:05

離子禁用滑動右側菜單，但不是左側菜單

回答

相關問題