禁用显示自定义弹出窗口的滚动背景

时间:2018-03-14 08:40:02

标签: javascript css cordova

我正在使用Cordova使用Javascript

构建Android / IOS应用程序

版本:

cordova-android: 6.2.3
cordova-ios: 4.4.0

在继续操作之前,必须重新要求用户确认。将显示确认弹出窗口。

问题是用户可以在自己的设备中显示弹出窗口时滚动背景屏幕。在开发环境(浏览器)中,通过设置弹出包装器全屏幕大小来完美地工作。在这种情况下,我需要在设备中禁用滚动。

修复它的最佳和最简单的方法是什么?
抱歉我的英语不好!

2 个答案:

答案 0 :(得分:0)

<preference name="DisallowOverscroll" value="true"/>

将以上行放在config.xml中。

答案 1 :(得分:0)

JS解决方案可能会推出:

document.querySelector('body').classList.add('noscroll');

在确认弹出窗口之前。 然后删除它:

document.querySelector('body').classList.remove('noscroll');

其中noscroll是在styles.css中定义的类(例如):

.noscroll {
    overflow: hidden;
}