离子禁用滑动右侧菜单，但不是左侧菜单

在我的离子应用程序中，我有两个菜单，左侧和右侧。我想停用右侧菜单上的“滑动打开菜单”，但不是左侧。离子禁用滑动右侧菜单，但不是左侧菜单

这里是我的代码的简化版本：

<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

离子禁用滑动右侧菜单，但不是左侧菜单

回答

相关问题