当前所有图片不是全部隐藏掉了吗?为什么相同的图片再次出现不会出现动画效果呢?看了好久没看明白

当前所有图片不是全部隐藏掉了吗?为什么相同的图片再次出现不会出现动画效果呢?看了好久没看明白

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';

});

});


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,不是当前的全部隐藏了哦,2-12这一节的2m50s左右有提到的,若是当前的图片中下一项所对应的图片的话,不进行隐藏。是直接平移的。所以不是重新出现的,就没有动画了,可以在看下2-12这节视频哦。

http://img1.sycdn.imooc.com//climg/5c358dc60001fffc10840942.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!

  • 土木火 提问者 #1
    哦 这个this.figures是剔除相同图片后保留的数组,打印出来看了下就懂了。
    2019-01-09 14:17:14
提问者 土木火 2019-01-09 11:43:38

是不是methods.appendChild(this.imgContainer, ...needAppendEls);这句代码,这是相同的图片,在下一个类型的所有图片进来之前,把相同的图片添加进去,然后下次类型的所有图片包含上次相同的图片就不会有缩放效果?是这样吗?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师