为什么位置：固定在 Chrome 版本 59 中不起作用？答案

【问题标题】：why position:fixed is not working in Chrome version 59?为什么位置：固定在 Chrome 版本 59 中不起作用？
【发布时间】：2017-07-10 11:47:16
【问题描述】：

position:fixed 在 Chrome 版本 59 中不起作用。我的应用程序中有一个工具栏，它固定在应用程序的菜单栏下方。它在所有其他浏览器中都可以正常工作，包括具有以下 CSS 规则的 Chrome，Chrome 版本 59 除外。有没有办法用 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?

【问题讨论】：

您能否也给我们一些 HTML，以便我们可以看到它不起作用。谢谢。
可能隐藏在底部，尝试添加top: 0
@uingtea Top 不是必需的，因为感知滞后，它需要 transform: translateZ(0)

标签： jquery css google-chrome browser compatibility

【解决方案1】：

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

-webkit-transform: translateZ(0);

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

感谢大家的努力。

【讨论】：