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

前端之家收集整理的这篇文章主要介绍了css – Bootstrap模式使用鼠标滚动/触摸板在Chrome 41上停止滚动(但使用向上/向下键)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是获得一个比我的屏幕更高的可滚动引导模式.

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

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

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

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

解决方法

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

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

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

猜你在找的CSS相关文章