我在网站上使用fullpage.js。我有一些普通的部分,一个有溢出滚动,另一个包含带文本输入的表单。
点击输入时的预期行为:它会获得焦点,键盘会出现,然后在点击它之外时,输入会失去焦点。
现实:点击输入外部没有任何反应,它不会失去焦点。如果隐藏键盘,然后点击外面,即使在另一部分,它再次出现,我无法弄清楚原因。
有人可以帮忙吗?
问题仅出现在Android
中$(document).ready(function() {
$('#fullpage').fullpage({
verticalCentered: false,
scrollOverflow: true,
scrollOverflowOptions: {
scrollbars: false,
},
});
});
jsFiddle https://jsfiddle.net/p4behjvs/4/
答案 0 :(得分:2)
找到它。问题出在iscroll5插件中。将preventDefault: false
添加到scrollOverflowOptions
修复了问题
$('#fullpage').fullpage({
verticalCentered: false,
scrollOverflow: true,
scrollOverflowOptions: {
scrollbars: false,
preventDefault: false
},
});