改为css3动画有问题，floorbody 会抖动

首页课程实战体系课手记专栏慕课教程

来源：5-3 标识楼层号和抵达指定楼层

唯5

2021-03-24 19:56:33

相关截图：

写回答

1回答

好帮手慕慕子

2021-03-25

同学你好，因为使用css3动画时，给元素添加fadeOut类，通过改变visibility和opacity属性，实现由显示到隐藏的过渡效果，此时页面中虽然看不见元素了，但元素在页面中还占据位置，导致下一个要显示的floor-body在下一个楼层中显示，最后给已经隐藏的元素设置display:none;属性让元素不占据页面的位置，所以下一个要显示的floor-body会出现同学说的从下飞到上面的情况。

建议：可以在floor-body下添加overflow:hidden;让超出的内容隐藏解决这个问题。示例：

祝学习愉快~

0 学习 · 14456 问题

查看课程

相似问题

鼠标经过右侧tab选项卡，使用css3动画有问题。

回答 1

为什么不做动画

回答 1

搜索区域是不是有点问题?

回答 2

学到现在有一些问题

回答 1

关于animate的问题

回答 1

打开慕课网App查看更多内容