ios - Twitter bootstrap modal在消失后使屏幕无法点击

Question

我尝试在 iOS5 中使用 twitter 引导框架的模态特性。用户单击关闭按钮后，模式正确消失，但屏幕的其他项目似乎不可点击。这种行为只发生在 iOS5 下。

它在 iOS 6 和任何桌面浏览器中都能正常工作。

这里是关闭按钮：

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>

这可能是因为 iOS5 中缺少对 html5/css3 的支持吗？

Answer 1

利亚姆先生说的是真的：模态框还将显示背景覆盖，以防止背景视图之外的触摸。您可能会在调试中捕获它并编写自己的 js 以在单击按钮时关闭它。像 $('.your_class').hide()

另请注意，当您打开模态窗口并离开页面时，可能会出现此问题。如果您在设备上单击“返回”，您可能会看到同样的问题

Answer 2

我知道这是一个非常古老的话题，但我想我还是会发布解决方案，因为这仍然是 bootstrap v. 3.2.0 的问题。这只是 iOS 5.0.0 到 5.1.1 的问题。

-webkit-overflow-scrolling问题与iOS 5 上的错误实现有关。

我只是ios5通过 JavaScript 添加了一个类html（通过用户代理检测，虽然也不是最好的方法）。然后您可以使用以下内容，它将解决问题。

.ios5 .modal {
    -webkit-overflow-scrolling: auto;
}