Twitter引导模式在屏幕消失后使屏幕无法点击

Question

我试图在iOS5中使用twitter bootstrap框架的模态功能。 用户单击关闭按钮后，模式正确消失，但屏幕上的其他任何项目似乎都不可点击。这种行为只发生在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的问题。

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

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

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