jquery - 为什么位置:fixed is not working in Chrome version 59?

Question

position:fixed 在 Chrome 版本 59 中不起作用。 我的应用程序中有一个工具栏，它固定在应用程序的菜单栏下方。除了 Chrome 版本 59 之外，它在所有其他浏览器(包括具有以下 CSS 规则的 Chrome)中工作正常。有什么方法可以使用 CSS 或 jQuery 解决此问题？

#toolBar {
    background: #f7f7f7;
    height: 29px;
    border-bottom: 1px solid #3d5fa3;
    left: 19.4%;
    position: fixed;
    right: 0;
    z-index: 99999999999999999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateZ(0);
}

Chrome 版本 59 单独在这方面表现不佳。 关于相同的另一个问题:Is there any way to apply CSS for specific chrome version?

Answer 1

太棒了..这条简单的线解决了我的整个问题。

-webkit-transform: translateZ(0);

position:fixed* 问题，将此行添加到我的 CSS 规则中解决了我所有的问题，工作正常...修复 chrome 59 及更高版本...:)

感谢大家的努力。