Fullpage.js

Question

我正在使用 fullpage.js 创建网站。我有几个普通部分，一个带有溢出滚动，最后一个包含带有文本输入的表单。

单击输入时的预期行为：它获得焦点，出现键盘，然后在其外部单击时，输入失去焦点。

现实：在输入框外点击后没有任何反应，它并没有失去焦点。如果隐藏键盘，然后点击外面，即使在另一个部分，它又出现了，我不知道为什么。

有人可以帮忙吗？

该问题仅出现在 Android

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

  });
});

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

Answer 1

找到了。问题出在 iscroll5 插件中。将 preventDefault: false 添加到 scrollOverflowOptions 解决了问题

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

});

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

Fullpage.js - can't remove focus from input in Android

javascript

jquery