可以利用max-height来做高度动画,height:0改为max-height:0,height:auto改为max-height:1000(一个达不到的值就行)。
具体css代码:
.lists{
max-height: 0;
overflow: hidden;
transition: all .3s ease;
opacity: 0;
}
.lists.showListData{
max-height: 1000px;
opacity: 1;
}
可以利用max-height来做高度动画,height:0改为max-height:0,height:auto改为max-height:1000(一个达不到的值就行)。
具体css代码:
.lists{
max-height: 0;
overflow: hidden;
transition: all .3s ease;
opacity: 0;
}
.lists.showListData{
max-height: 1000px;
opacity: 1;
}