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

Question

我的应用程序中有一个 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

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

Answer 1

尝试使用文档中的示例。 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？

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

IONIC 4 - ion-menu is not overlaping the pages

angular

ionic4

ion-menu