【发布时间】：2013-03-26 03:27:36
【问题描述】：
我是一个带有 css3 过渡的菜鸟，我想在滚动位置（或可见时）触发一个图像，其 css3 动画从不透明度：O 到 1。我在这里有一个很好的例子：http://bonvalletromain.com/projects/citroen-creative-awards
我想对图像做同样的事情并在滚动位置触发它们。
有什么想法吗？
【问题讨论】：
【发布时间】：2013-03-26 03:27:36
【问题描述】：
我认为您必须使用某种 javascript 来触发事件。下面是一个简单的解决方案，使用jQuery监听窗口的滚动事件：
$(window).scroll(function(){
if ($(document).height() - $(window).height() < 20)
{
$('#DivWithImage').fadeIn();
}
});
（以上基于Scroll to reveal content jQuery Plugin）。
您可以修改上述内容以将类附加到 div，如下所示：http://www.impressivewebs.com/css3-transitions-javascript/
因此使用 css3 制作动画，但如果您已经在使用 jQuery，为什么还要麻烦呢？
【讨论】：
-
非常感谢它工作正常，但我该如何让它保持显示？当我向上滚动或继续向下滚动时，它会再次消失
-
你可以检查元素当前是否隐藏：if(!$('#DivWithImage').is(":visible") { ... }