Коли ви використовуєте функцію jQuery .animate () з чимось на кшталт події наведення, ці анімації будуть "стояти в черзі". Тобто, якщо ви наведете курсор кілька разів, ця анімація буде запускатися кілька разів. Класичним методом запобігти цьому є введення .stop () перед анімацією, але я вважаю це різким і не ідеальним, оскільки він не дає анімації завершити повний цикл. У цьому скрінкасті ми розглянемо кілька спроб вирішити цю проблему і, врешті-решт, використовувати плагін, який чудово справляється з роботою.
Посилання з відео:
- Оригінальна письмова стаття з демонстраціями
- плагін hoverFlow
- Фінальна демонстрація від скринкасту