Задать вопрос
@istasiik

Как решить проблему с анимацией закрытия блока?

У меня следующая проблема: по клику блок, который расширен по высоте на весь экран и больше должен закрыться. Он плавно закрывается до тех пор, пока верхний край блока не совпадает с верхним краем экрана. Затем он затормаживается и оставшееся время анимации стоит на месте. Когда анимация заканчивается он просто резко закрывается. Как можно эту проблему решить?

jsfiddle.net/3fuy8wou (в открывшееся поле ввода просто введите любой символ. Проблема появляется после нажатия на кнопку отправить)
  • Вопрос задан
  • 2209 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
настройте пример так, чтобы можно было видеть границы блоков - сейчас вообще не понять - всё на белом фоне.
но проблема скорее всего в том, что вы используете свойство margin - оно не всегда правильно (особенно в старых версиях jquery) анимируется с помощью slideUp/slideDown. Нужно попробовать
1. обновить jquery
2. изменить проблемные блоки, убрав margin и использовав вместо них "padding: 100px" или "border: 100px solid transparent"
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы