今天做一个轮播,轮播图上使用animation。需求是当滚动到当前图片时,图片中的div从无到有逐渐显示,

遇到的问题是:页面刷新时,此图片上的div可以从无到有,但第二次滚动到此图片时,总是先显示一下div,然后再执行动画

网上查的方法:

1.使用animation-fill-mode,失败

css3动画:执行前不显示,执行后显示

2.animationStart、animationIteration、animationEnd,失败

css3动画:执行前不显示,执行后显示

最后解决思路是:

每次轮播到此图片时,总是已经显示了图片中的div,索性,当轮播滚动到其他位置时,将其设为display:none; 滚动回来时,设为display:block;终于解决了

css3动画:执行前不显示,执行后显示

 

相关文章:

  • 2021-06-23
  • 2022-01-22
  • 2021-05-28
  • 2021-08-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案