我的目标是获得一个比我的屏幕更高的可滚动引导模式.
问题:
在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); }