Fullpage.js - 无法从Android中的输入中删除焦点

时间:2016-08-04 12:11:06

标签: javascript jquery fullpage.js

我在网站上使用fullpage.js。我有一些普通的部分,一个有溢出滚动,另一个包含带文本输入的表单。

点击输入时的预期行为:它会获得焦点,键盘会出现,然后在点击它之外时,输入会失去焦点。

现实:点击输入外部没有任何反应,它不会失去焦点。如果隐藏键盘,然后点击外面,即使在另一部分,它再次出现,我无法弄清楚原因。

有人可以帮忙吗?

问题仅出现在Android

$(document).ready(function() {
  $('#fullpage').fullpage({
    verticalCentered: false,
    scrollOverflow: true,
    scrollOverflowOptions: {
      scrollbars: false,
    },

  });
});

jsFiddle https://jsfiddle.net/p4behjvs/4/

1 个答案:

答案 0 :(得分:2)

找到它。问题出在iscroll5插件中。将preventDefault: false添加到scrollOverflowOptions修复了问题

$('#fullpage').fullpage({
    verticalCentered: false,
    scrollOverflow: true,
    scrollOverflowOptions: {
        scrollbars: false,
        preventDefault: false
    },

});