Question

最近，我尝试创建一个离子侧菜单。我想让侧边菜单重叠联系。

但我不想推送内容。

    <ion-side-menus>
  <!-- Center content -->
  <ion-side-menu-content ng-controller="ContentController">
  </ion-side-menu-content>

  <!-- Left menu -->
  <ion-side-menu side="left">
  </ion-side-menu>

  <!-- Right menu -->
  <ion-side-menu side="right">
  </ion-side-menu>

  <ion-side-menu-content>
  <!-- Main content, usually <ion-nav-view> -->
  </ion-side-menu-content>
</ion-side-menus>

    function ContentController($scope, $ionicSideMenuDelegate) {
  $scope.toggleLeft = function() {
    $ionicSideMenuDelegate.toggleLeft();
  };
}

Answer 1

这个

有一个分支

https://github.com/driftyco/ionic-ion-drawer

关于codepen的例子。 http://codepen.io/Yuripetusko/pen/VYqRNg

我知道它还没有与主回购合并，所以你必须单独引入文件，然后将其添加到模块

angular.module('ionicApp'['ionic','ionic.contrib.drawer'])
       .controller('appCtrl', function($scope) {   
});

Answer 2

其他一些人已经要求此功能。 http://forum.ionicframework.com/t/side-menu-overlaying-rather-than-pushing-center-content/4361 据我所知，除非你想重写侧面菜单的指令/动画，否则没有解决方法。

Answer 3

试试这个。这正是您所寻找的。

http://nlmd.vincurekf.cz/

（离子）如何使侧边菜单覆盖联系人？

3 个答案: