Почему верхнее меню дергается только в хроме и как это исправить?

Question

[ligisayan]

Всем привет! Есть сайт на wordpress при прокрутке его вниз в произвольный момент верхнее меню начинает дергаться -колебаться (причем дергается только в chome, в остальных браузерах, в том числе и мобильных - никаких дерганий нет).. Если убрать акцию с таймером, то дергания пропадут, но вопрос в том, как избавиться от них при наличии акции, т.е. погасить конфликт скриптов?

Comments

[Kovalsky]

Какой браузер?

[ligisayan]

Никита Полевой: хром

[ligisayan]

Никита Полевой: причем, как проверил - только в хроме. в остальных, включая ie и мобильные - такого эффекта не наблюдается

[Андрей Б.]

у меня ничего не дергается

[Kovalsky]

ligisayan: может это?

[ligisayan]

Никита Полевой: проблема была несколько другая, но подход тот же с добавлением -webkit-transform: translateZ(0) как написал escobaro

[Игорь Воротнёв]

Не ставьте тег WordPress только из-за того, что сайт на WP, если сам вопрос не касается функционала WP!

Answer 1

[escobaro]

Такой баг возникает при взаимодействии свойств position: fixed и z-index. Сам недавно столкнулся с подобным.
Проблему решило добавление следующего свойства
-webkit-transform: translateZ(0)

У вашем случае добавьте его к этим селекторам

.navbar-fixed-top, .navbar-fixed-bottom {
    -webkit-transform: translateZ(0);
}

Comments

[ligisayan]

escobaro супер! Спасибо большое - обязательно про это почитаю! может вдогонку еще подскажите почему здесь 1c-soft.by при вызове модального окна (кнопка заказать) верхнее меню дергается влево-вправо

[Игорь Перегудов]

ligisayan: потому что пропадает скролинг, который 15px

[ligisayan]

Игорь Перегудов: спасибо! а как от этого уйти?