fix scroll list shaking
This commit is contained in:
parent
356e91be4b
commit
0285837c09
2 changed files with 21 additions and 1 deletions
|
@ -86,7 +86,12 @@
|
||||||
return `${prefixCls}-wrapper`;
|
return `${prefixCls}-wrapper`;
|
||||||
},
|
},
|
||||||
scrollContainerClasses() {
|
scrollContainerClasses() {
|
||||||
return `${prefixCls}-container`;
|
return [
|
||||||
|
`${prefixCls}-container`,
|
||||||
|
{
|
||||||
|
[`${prefixCls}-container-loading`]: this.showBodyLoader
|
||||||
|
}
|
||||||
|
];
|
||||||
},
|
},
|
||||||
slotContainerClasses() {
|
slotContainerClasses() {
|
||||||
return [
|
return [
|
||||||
|
|
|
@ -12,6 +12,21 @@
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes ani-stop-slide {
|
||||||
|
from {
|
||||||
|
overflow-y: hidden;
|
||||||
|
tansform:translateZ(0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
overflow-y: scroll;
|
||||||
|
tansform:translateZ(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-container-loading {
|
||||||
|
animation: ani-stop-slide 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.5s;
|
transition: opacity 0.5s;
|
||||||
|
|
Loading…
Add table
Reference in a new issue