I used vue to render a music list. When the list scrolls to the bottom, the item in the list is deleted, and the blank of the deleted item is filled down by the item above, so that when I add the deleted animation, the deleted item always flies down. I would like to ask how to fix this.
//
.items-move {
transition: all 1s ease 0.5s;
}
.items-enter-active {
transition: transform 1s;
}
.items-leave-active {
position: absolute;
width: 100%;
transition: transform 1s;
}
.items-enter,
.items-leave-to {
transform: translateX(30px);
// opacity: 0;
}