Zheleznov
@Zheleznov

Как исправить баг при наведении на дочерние элементы?

Добрый день, подскажите пожалуйста как решить проблему?

При наведении на зелёный блок, желтый блок увеличивается.
Когда курсор убираешь, желтый блок уменьшается.

Зеленый блок родительский, в нём 2 дочерних элемента, желтый блок и синий блок.
Проблема заключается в том, что анимация начинает срабатывать и при наведении на дочерние элементы.

Т.е. наводишь на синий блок, и жёлтый блок начинает уменьшаться (но как-то глючено)
Для анимации используется anime.js

Как сделать так, чтобы при наведении на дочерние элементы зеленого блока, анимация не срабатывала?

https://codepen.io/Zhelezniy/pen/KKmaRba

p/s: Суть именно в том, как описал задачу.. на практике анимация более сложная и работает по-другому, через только css это не сделать.. проблема именно в повторном запуске анимаций, при наведении на дочерние элементы
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
RAX7
@RAX7
onmouseover -> onmouseenter
onmouseout -> onmouseleave
https://learn.javascript.ru/mousemove-mouseover-mo...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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