单选和复选框输入不适用于滚动溢出=true(仅在移动设备上)

Question

我在用什么？

我正在使用整页.js滚动溢出。

我的设置

这些是我的设置

<script>
$(document).ready(function() {
$('#fullpage').fullpage({
//Navigation
sectionsColor: ['#06C', '#C06', '#930', '#06C'],
anchors: ['aa', 'bb', 'cc', 'dd'],
menu: '.menu',
navigation: true,
scrollOverflow: false, /* True or False Depending */
scrollBar: true,
fixedElements: '.header',
paddingTop: '3em',
slidesNavigation: true,
paddingBottom: '1em'
});
});
</script>

问题解释

我有一个具有单选按钮和复选框输入的联系表单，但这些输入在移动设备中不起作用，滚动溢出等于 true。不过，它们在桌面上工作。

如果我将滚动溢出变为假，则输入在移动设备上有效，但滚动溢出不起作用，这是必需的，因为移动的联系形式很长。

现场示例

您可以在此实时示例 1 上看到 scrollOverflow=true(启用)，但单选按钮和复选框输入在移动设备上不起作用。

1. https://gramerlab.com/a1.html

在这些示例 2 中，我禁用了 scrollOverflow=false，并且单选和复选框输入在移动设备上工作，但滚动溢出不起作用，如果联系表单很长并且我需要滚动，这很糟糕。

2. https://gramerlab.com/a2.html

有谁知道如何解决这个问题？

已解决

我只需要在我的内部脚本中添加以下行

scrollOverflowOptions: {
click:false, 
preventDefaultException: {tagName: /.*/}
} 

最初我有这个：

<script>
$(document).ready(function() {
$('#fullpage').fullpage({
//Navigation
sectionsColor: ['#06C', '#C06', '#930', '#06C'],
anchors: ['aa', 'bb', 'cc', 'dd'],
menu: '.menu',
navigation: true,
scrollOverflow: true,
scrollBar: true,
fixedElements: '.header',
paddingTop: '3em',
slidesNavigation: true,
paddingBottom: '1em',
});
});
</script>

现在我有这个：

<script>
$(document).ready(function() {
$('#fullpage').fullpage({
//Navigation
sectionsColor: ['#06C', '#C06', '#930', '#06C'],
anchors: ['aa', 'bb', 'cc', 'dd'],
menu: '.menu',
navigation: true,
scrollOverflow: true,
scrollBar: true,
fixedElements: '.header',
paddingTop: '3em',
slidesNavigation: true,
paddingBottom: '1em',
scrollOverflowOptions: {
click:false,    
preventDefaultException: {tagName: /.*/}
} 
});
});
</script>

我在iPhone，Android和Kindle Fire设备上进行了测试。 在所有这些中，测试都是成功的。