当列表加载时,整个列表结构会发生抖动问题。
当列表加载时，会给列表的内容加上一个遮罩层。
表现在代码上就是会给列表内容所在div加上一个.ant-spin-blur，在加载完毕后移除。
以下是这两个class简化了兼容性之后的样式
.ant-spin-blur{
overflow: hidden;
opacity: 0.7;
filter: blur(0.5px);
-webkit-transform: translateZ(0);
}
/* 列表内容所在div本来就存在的样式 */
.ant-spin-container{
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
}
如上transition这个过渡效果是对所有可过渡样式有效，而模糊效果filter: blur(0.5px)会导致一个位移。
表现在页面上就是遮罩出现和消失时，列表都会抖动
BUG现象 当列表加载时,整个列表结构会发生抖动问题。 BUG原因 当列表加载时，会给列表的内容加上一个遮罩层。表...
Bug描述：在列表数据的上拉加载更多中，有时会连续自己加载两次甚至多次！最初发现这个Bug的时候以为是自己...
BUG现象 当列表加载时，loading动画在加载过程中出现跳动问题。 BUG原因 以下为列表结构： 当列表加载时...
问题：最近在开发分页加载列表时发现这样一个问题，在滑动到列表底部等待加载下一页后，再向上滑动列表，此时会出现几次页...
for in列表一次性加载列表的所有数据到内存，而迭代器通过一次只加载一项数据，有效避免了当加载的列表过大导致内存...
直接调用filter 最后是加载filter
采用View.inflate(mContext, layoutId, null)加载布局Views时会导致view...
一. 加载一个超长的列表会导致的问题 1.当场景载入时如果列表很长，那么需要一次性加载所有的条目到列表上，生成条目...
问题： 当页面加载多个图片时候， 画到下面某张图片位置， 上面有新加载出来的图片，导致原来看的图片抖动 。 解决方...
一、Bug篇 Bug#1：样式损坏 现象：导致Word标题左侧无法正常显示序号，而出现黑色方块，且在标题设置时会跳...
本文标题：filter导致列表加载时会发生抖动的BUG
本文链接：https://www.haomeiwen.com/subject/mmrznxtx.html
网友评论