SHKD
@SHKD

Почему блок смещается из-за класса элемента backdrop-filter: blur?

Приветствую я использую замену класса nav при скролле с помощью js меняю .navbar-fixed-top на .fixed-top
Менюшка сделана с помощью offcanvas.

Когда я открываю меню в положении top т.е. еще с классом .navbar-fixed-top все гуд, в любой версии сайта.
Но как только я начинаю скролить и класс меняется на .fixed-top то меню остаться в положении top fixed.

Если я убираю свойство класса .fixed-top {backdrop-filter: blur(20px);} все работает как надо.

В чем может быть дело?

<nav class="navbar navbar-fixed-top navbar-expand-xl">
  <div class="container">
    <div class="offcanvas offcanvas-end-xl" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasExample">
    </div>
  </div>
</nav>
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ответы на вопрос 1
mrsexy
@mrsexy
Senior Pomidor
Объясните логику данного костыля, в вашей непонятной задумке?! Вам нужно фиксировать меню при скроле или раскрывать его при попытке скрола?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы