@istasiik

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

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

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

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

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