translateZ引起的别的元素抖动问题

更新时间: 2021-12-21 10:27:55

开发大屏的时候,发现有的文字会跟随轮播图闪烁 右下方的报警两个字跟随着轮播在抖

# 原因

由于动画执行过程中可能会导致某些设定position:fixed元素的z轴坐标发生改变,不是z-index,而是translateZ()对应的值发生改变。

# 解决

对出现抖动问题的元素加上translateZ(0)就可以了