当前所有图片不是全部隐藏掉了吗?为什么相同的图片再次出现不会出现动画效果呢?看了好久没看明白
this.figures.forEach(el => {
el.style.transform = 'scale(0, 0) translate(0%, 100%)';
el.style.opacity = '0';
});
methods.appendChild(this.imgContainer, ...needAppendEls);
setTimeout(() => {
els.forEach(el => {
el.style.transform = 'scale(1, 1) translate(0, 0)';
el.style.opacity = '1';
});
});
0
收起
正在回答
2回答
同学你好,不是当前的全部隐藏了哦,2-12这一节的2m50s左右有提到的,若是当前的图片中下一项所对应的图片的话,不进行隐藏。是直接平移的。所以不是重新出现的,就没有动画了,可以在看下2-12这节视频哦。
希望能帮助到你,欢迎采纳。
祝学习愉快!
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星