I have the following div with the following 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>
When the user clicks a button, I add the following class to the div:
.stuck{
transform: translateY(0px);
}
I am expecting the div to transition upwards, but that is not happening. How can I get it to translate itself to the top of the screen using transform? Also, I need to translate it down afterwards at the same speed.
I add the stuck class to the div by doing:
$('.bottom').addClass('stuck');