Question

在我的Ionic应用程序中，我有两个菜单，左右两个。我想停用＆＃34;滑动以打开菜单＆＃34;在右侧菜单上，但不在左侧。

以下是我的代码的简化版本：

＆＃13;

<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>

＆＃13;

Answer 1

这不是一个合适的解决方案，但它修复了一点:)它会将内容返回到原点位置。对于另一方，在比较的css矩阵值中使用275而不是-275。

$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)");
    }
});

离子禁用在右侧菜单上滑动但不在左侧菜单上滑动

1 个答案: