jessepinkman010101
@jessepinkman010101
Варю синий код

Как пофиксить hover?

Здраствуйте!

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

Каким образом можно это пофиксить ?

Использую для этого js. потому что нужно добавить класс с задержкой, конечно можно было бы и css-ом, задать transition-delay при ховере, но это вариант не подошел.

https://codepen.io/jessepinkmanbluecode/pen/poRpJKg
  • Вопрос задан
  • 64 просмотра
Решения вопроса 2
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Как вариант решения → debounce.
Ответ написан
RAX7
@RAX7
$(function () {
  let timeoutId = null;
  $(".sidebar").hover(
    function () {
      timeoutId = setTimeout(() => {
        $(this).addClass("sidebar_hovered");
      }, 600);
    },
    function () {
      // change to any color that was previously used.
      clearTimeout(timeoutId);
      $(this).removeClass("sidebar_hovered");
    }
  );
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
18 мая 2021, в 22:41
7000 руб./за проект
18 мая 2021, в 22:15
15000 руб./за проект
18 мая 2021, в 21:47
15000 руб./за проект