Почему position: fixed не работает в Chrome?

У меня есть заголовок на моем веб-сайте, содержащий кнопку, которую я хочу, чтобы она была липкой вверху при прокрутке.

Посмотреть сайт можно здесь: https://logosperformance.com/

Когда я даю элемент, содержащий data-css = "tve-u-163a8211f58":

position:fixed;

Или любой элемент его контейнеров. Он не работает в Chrome, но работает в Mozilla.

Он не поддерживается в Chrome или есть свойство CSS из Chrome -webkit-, которое его блокирует?

Возможный дубликат позиция: исправлено не работающее в Google Chrome

chevybow 30.05.2018 23:31
Как убрать количество товаров в категории WooCommerce
Как убрать количество товаров в категории WooCommerce
По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.
1
1
1 935
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуйте удалить липкий элемент из его родительского div (tcb-flex-col).

! Спасибо за чаевые. Это фактически устранило мою проблему как с Chrome, так и с мобильными устройствами ?

PhillipJacobs 21.01.2020 21:19
Ответ принят как подходящий

Ваша проблема здесь -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;

Другие вопросы по теме