如果您触摸输入字段,iPhone上的长形式Bootstrap 3模式不会滚动

Question

我正在使用Bootstrap 3,我有一个很长的表单,用户需要滚动才能到达所有字段.发生的事情是,如果您触摸输入字段以启动滚动它就会锁定.这不会发生在Android手机上.

我无法给你一个指向我的确切代码的链接,但如果你去这里点击iphone上的第一个演示,你会看到发生了什么:http://jschr.github.io/bootstrap-modal/

我不确定是否有某种方法可以为那些输入字段提供一些触摸事件的痛处,允许滚动或什么.任何输入都会有所帮助.

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

Answer 1

我修复了一个非常类似的问题,偶尔在iPhone上,背景滚动而不是模态.尝试在模态上禁用webkit平滑滚动,并在打开模态时禁用正文上的所有滚动

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