时间戳

首页 > 解决方案 > IONIC 4 - 离子菜单不与页面重叠

angular - IONIC 4 - 离子菜单不与页面重叠

问题描述

我的应用程序中有一个ion-menu，但他在下面的页面上单击并滚动。点击仅适用于ion-button

我尝试使用type="overlay"但没有用

app.component.html

 <ion-app>
  <ion-menu type="overlay" id="right-menu" contentId="right-menu"         
   side="end" swipeEnabled="false" mode="md">
   <ion-content>
  <app-side-menu></app-side-menu>
   </ion-content>
  </ion-menu>
  <ion-router-outlet id="right-menu" main></ion-router-outlet>
</ion-app>

这是我的应用程序：http: //prntscr.com/ofg6mi

侧边菜单工作正常，但正确的功能应该不与下面的页面交互。

标签： angularionic4ion-menu

解决方案

尝试使用文档中的示例。https://ionicframework.com/docs/api/menu

<ion-menu side="end" type="push">
  <ion-header>
    <ion-toolbar color="danger">
      <ion-title>End Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item>Menu Item</ion-item>
      <ion-item>Menu Item</ion-item>
      <ion-item>Menu Item</ion-item>
      <ion-item>Menu Item</ion-item>
      <ion-item>Menu Item</ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

你添加了自定义css吗？

推荐阅读