在Angular应用程序中使用离子菜单滚动冻结

我有一个角度项目，其中导入了一个离子菜单组件

当我在ios移动浏览器和ios应用程序中启动应用程序时，滚动会冻结。安卓系统的缺点是，我没有这个问题

我在互联网上看到ios 12有问题，但我测试了所有找到的解决方案，但没有一个有效

这是我的密码：

@import'~样式/变量'；
@导入“../styles/mixin”；
离子菜单{
--离子背景色：$primary；
}
离子含量{
--离子背景色：#fafafa；
高度：100vh；
.包裹{
宽度：100%；
身高：100%；
溢出：隐藏；
}
}
.装货{
宽度：90%！重要；
高度：100vh；
背景色：$primary；
.装载{
身高：60%；
img{
宽度：100%；
}
}
.加载旋转器{
身高：40%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
}
.nav_集装箱{
宽度：100%；
高度：100vh；
}
垫子抽屉{
背景色：$primary；
宽度：80%；
身高：100%；
颜色：白色；
填充：0 20px；
}
.mat-drawer-background.mat-drawer-show{
背景色：rgba（0,0,0,1）；
}
#内容{
.内容{
背景色：#fafafa；
高度：最小含量；
}
.nav_on_home{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
背景色：$primary；
高度：50px；
颜色：白色；
填充：0 15px；
位置：粘性；
排名：0；
z指数：999；
.nav_容器_条_和_背面{
显示器：flex；
对齐项目：居中；
宽度：15%；
z指数：999；
fa图标{
光标：指针；
}
.nav_集装箱_栏{
右边距：5px；
}
.nav_集装箱_后{
宽度：最大含量；
显示器：flex；
a{
填充：15px 5px；
左边距：5px；
文字装饰：无；
颜色：白色；
光标：指针；
}
}
}
应用导航{
宽度：100%；
}
}
}
}
}
}