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

时间:2015-04-09 20:45:04

标签: css twitter-bootstrap google-chrome

我的目标是获得一个比我的屏幕更高的可滚动引导模式。

问题: 在Yosemite OS上运行的Chrome 41(但不是40)上,如果内容高度高于屏幕,我的引导模式会在弹出后停止滚动。

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

有谁知道这个问题是什么?这是在优胜美地推出Chrome 41的错误吗?我目前正在使用Bootstrap 3.3.1。

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

2 个答案:

答案 0 :(得分:16)

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

您可以轻松地在css中应用建议的修补程序:

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

答案 1 :(得分:0)

我也有这个问题。 Win7 Chrome 41和42beta&amp; Linux Chrome 41。 我的临时解决方案:将视口高度+ 1px设置为按js分页,以便每次都有活动滚动条。