Question

我是一个有css3过渡的菜鸟，我想在不透明度的Oss中使用css3动画触发滚动位置（或可见时）的图像。我在这里有一个很好的例子：{{3} }

我想对图像做同样的事情并在滚动位置触发它们。

有什么想法吗？

Answer 1

我认为你必须使用某种javascript来触发事件。这是一个简单的解决方案，它使用jQuery来监听窗口上的滚动事件：

$(window).scroll(function(){
  if ($(document).height() - $(window).height() < 20)
  {        
     $('#DivWithImage').fadeIn();
  }
});

你可以修改上面的内容，将一个类附加到div，如下所示：http://www.impressivewebs.com/css3-transitions-javascript/

因此使用css3做动画，但是如果你已经在使用jQuery，为什么要这么麻烦？