菜单滚动还滚动背景屏幕

时间:2017-09-08 22:43:59

标签: javascript css angularjs iphone web-applications

我的网络应用程序在iOS移动设备上打开时,会显示身体上的菜单图标。如果单击菜单图标,则会打开菜单弹出模式。当我们在菜单模式上滚动时,背景屏幕也会与菜单项一起滚动。这创建了UI问题。我应用溢出:打开菜单时隐藏在身体上。这没有任何帮助。当我把位置:固定;然后背景屏幕变成白色,身体上的一切都向左移动。为此,我也应用了左:0;右:0;顶部:0;和底部:0;这有助于纵向视图菜单背景屏幕不滚动但在横向视图中它没有帮助。我期待着一个可以帮助我的解决方案

1 个答案:

答案 0 :(得分:0)

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

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