Как я могу остановить запущенную анимацию из Jquery при изменении размера окна?

Question

Я использую Jquery для CSS-анимации.Для более подробного объяснения: я пытаюсь ребята сделать мой сайт отзывчивым, и я хочу остановить некоторые анимации, которые я делал с Jquery, когда окно меньше

Answer 1

Я нашел более простое решение (для тех, кто заинтересован), вот что я сделал

1. Я заполнил ширину окна в переменной

var showidth = $(window).width()

Я добавил условие, позволяющее мне запускать все мои функции анимации, только когда окно больше 864 пикселей, например (ширина телефона)

if (showidth > 864){ //my CSS animation code }

И оноработал.Конечно, мы можем найти множество других решений. Если бы я использовал анимацию Jquery (например, функцию animate), я мог бы просто использовать метод .stop () для анимации в window.resize ().

Вот скриншот моего кода

JqueryCode