7

我正在使用 Twitter Bootstrap（CSS 和 JS）。

问题来自于 Modal 插件，它在 Firefox 和 IE 上运行良好，但在 Chrome 中显示不佳：Modal 成功弹出，但隐藏在 modal-backdrop 后面。这意味着无法填写表格或查看模态框中包含的文本。

它似乎在 Bootstrap 网站（http://twitter.github.com/bootstrap/javascript.html#modals）上运行良好，所以我认为它可能与 Chrome 的一个已知错误有关？

我已经搜索了一个没有成功的解决方案。我没有修改任何 Bootstrap CSS 或 JS。

我错过了什么？

4

1 回答 1

10

中的样式-webkit-overflow-scrolling: touch;导致section#maincontainer这种情况发生，因为它似乎与overflow: auto.

我相信这-webkit-overflow-scrolling: touch;应该用于在使用固定定位的元素中提供触摸屏滚动溢出 - 所以我认为你不需要将它应用到section#maincontainer.

但是，您可能希望将其应用于modal-body父级使用固定定位并且内容可能会溢出。

http://css-tricks.com/mobile-webkit-overflow-scrolling/

于 2012-06-12T07:08:27.123 回答