为什么位置：固定在 Chrome 上不起作用？ [关闭]答案

【问题标题】：Why position:fixed not working on Chrome? [closed]为什么位置：固定在 Chrome 上不起作用？ [关闭]
【发布时间】：2018-05-31 05:38:44
【问题描述】：

我的网站上有一个标题，其中包含一个按钮，我希望它在滚动时保持在顶部。

您可以在这里查看网站：https://logosperformance.com/

当我给出包含 data-css="tve-u-163a8211f58" 的元素时：

position:fixed;

或其容器的任何元素，它不适用于 Chrome，但适用于 Mozilla。

Chrome 不支持它还是 Chrome -webkit- 的 CSS 属性阻止了它？

【问题讨论】：

position:fixed not working in Google Chrome的可能重复

标签： wordpress html css

【解决方案1】：

你的问题在这里-webkit-transform: translate3d(0, 0, 0) !important;:

.thrv-page-section:not(.tve_evt_manager_listen):not(.tve_symbol_inside),
.thrv-content-box:not(.tve_evt_manager_listen):not(.tve_symbol_inside) {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: none !important;
}

替换为：

-webkit-transform: none !important;

【讨论】：

【解决方案2】：

尝试将粘性元素从其父 div 中移除 (tcb-flex-col)。

【讨论】：

！谢谢你的提示。这实际上解决了我在 Chrome 和移动设备上的问题?