通过变换过渡

Question

我有以下div与以下css

.bottom {
    position: fixed;
    width: 100%;
    background-color: #e8ebed;
    z-index: 600;
    overflow: auto;
    height: 100vh;
    transform: translateY(100vh);
    min-width: 1024px;
    transition: transform 0.5s ease-in;
}

<div class="bottom"></div>

当用户点击按钮时，我将以下类添加到div：

.stuck{
    transform: translateY(0px);
}

我期待div向上过渡，但这种情况并没有发生。如何使用转换将其转换为屏幕顶部？此外，我需要以相同的速度将其翻译下来。

我通过执行以下操作将卡住的类添加到div中：

$('.bottom').addClass('stuck');