菜单滚动也会滚动背景屏幕

Question

在 iOS 移动设备上打开我的 Web 应用程序时，它会显示一个菜单图标，该图标出现在主体上。如果单击菜单图标，它将打开菜单弹出模式。当我们在菜单模式上滚动时，背景屏幕也会随着菜单项滚动。这造成了 UI 问题。我在打开菜单时应用了溢出：隐藏在正文上。那没有帮助。当我放置位置时：固定；然后背景屏幕变成白色，身体上的所有东西都向左移动。为此，我还申请了 left: 0;右：0；顶部：0；和底部：0；这在菜单背景屏幕不滚动的纵向视图中有所帮助，但在横向视图中却无济于事。我期待一个可以帮助我的解决方案

Answer 1

这里的“modal-open”是打开模态时添加到“body”的类名。如果它不是'modal-open'，请检查类名并替换。

body.modal-open {
    overflow: hidden;
    position: fixed;
}