ios - 如果您触摸输入字段，iPhone 上具有长格式的 Bootstrap 3 模态不会滚动

Question

我使用的是 Bootstrap 3，我有一个很长的表格，用户需要滚动才能到达所有字段。发生的事情是，如果您触摸输入字段以开始滚动，它就会锁定。这不会发生在安卓手机上。

我无法为您提供指向我的确切代码的链接，但如果您转到此处并单击 iphone 上的第一个演示，您将看到发生了什么:http://jschr.github.io/bootstrap-modal/

我不确定是否有某种方法可以为这些输入字段提供一些允许滚动或其他内容的触摸事件。任何输入都会有所帮助。

此外，xcode 中的 iphone 模拟器显示了同样的事情。

Answer 1

我解决了一个非常相似的问题，即偶尔在 iPhone 上滚动背景而不是模式。尝试在模式上禁用 webkit 平滑滚动，并在模式打开时禁用 body 上的所有滚动

body.modal-open {
    position: fixed;
    overflow: hidden;
    left:0;
    right:0;
}
.modal{
    -webkit-overflow-scrolling: auto;
}