Alexandre888
@Alexandre888
Javascript-разработчик

Как зафиксировать элемент для jQuery .slideUp()?

5f871884b9284591133557.gif
При нажатии на зелёную кнопку, проигрывается простейшая анимация "открытия":
$("#green_button").click(function() {
    $("#console_animation").slideUp()
});

Стили #console_animation

#console_animation {
    z-index: 1;
    width: 1000px;
    height: 670px;
    margin-top: 30px;
    position: fixed;
    background: #665e5e;
    left: 50%;
    transform: translate(-50%);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


На GIF видно, что "заслонка" сильно уезжает вверх.
Вопрос: Как зафиксировать "заслонку" таким образом, чтобы она оставалась на месте, при этом нижняя часть постепенно поднималась к верху?
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
$("#green_button").click(function() {
$("#console_animation").animate({
height: "0px"
}, 5000, function() {

});
});

5000 - длительность анимации в миллисекундах.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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