为什么定位：修复不能在Chrome上运行？

Question

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

您可以在此处查看网站：https://logosperformance.com/

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

position:fixed;

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

Chrome不支持或Chrome -webkit-的CSS属性会阻止它吗？

Answer 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;

Answer 2

尝试从其父div（tcb-flex-col）中删除粘性元素。