css - Bootstrap 模式停止在 Chrome 41 上使用鼠标滚动/触摸板滚动(但适用于向上/向下键)

Question

我的目标是获得一个比我的屏幕高的可滚动 Bootstrap 模态。

问题:在 Yosemite 操作系统上运行的 Chrome 41(但不是 40)上，如果内容高度高于屏幕，我的 Bootstrap 模式将在弹出后停止滚动。

我尝试过的是:- Straight Bootstrap(v.3.3.1) 自动将“.modal-open”添加到具有“overflow: hidden;”属性的 body 标签。这导致模态可滚动。- 我调整了寡妇的大小，只需移动一个像素，模态就可以再次滚动。- 我试过应用 overflow: visible;等等。 body 标签和模态本身，但没有运气。

有谁知道这个问题是什么？这是 Yosemite 上引入的 Chrome 41 错误吗？我目前使用的是 Bootstrap 3.3.1。

更新使用向上/向下箭头键滚动可以正常工作，但不能使用鼠标/触摸板滚动。

Answer 1

我遇到了同样的问题。快速搜索后，我发现有人已经在 their GitHub 上报告了这一点。大约六天前提出了实际修复，但尚未被接受，这意味着它目前还没有任何稳定版本。

您可以轻松地在您的 CSS 中应用建议的修复:

.modal.in {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}