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

Question

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

Answer 1

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

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