如果您触摸input字段,Bootstrap 3模式与iPhone上的长表单不会滚动

我使用的Bootstrap 3,我有一个很长的forms,用户将需要滚动到所有的领域。 发生什么事是如果你触摸input字段开始你的滚动只是locking。 这在Android手机上不会发生。

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

我不知道是否有一些方法可以让input字段有一些触摸事件,允许滚动或什么。 任何input都会有帮助。

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

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

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