从左侧滚动滑入div

Question

我正在尝试从左右加载带有滑入效果的DIV，但这是当我滚动到当前屏幕并滚动到下一个div时，上面的元素从左边移出对（反向动画）

如何实现这一目标？我尝试使用Animate CSS，因此它只是在页面加载时滑入，而不是滚动，任何帮助？

以下是我创建的JSFiddle

Answer 1

您是否尝试将.scrollTop()与jQuery?一起使用当用户在您的网页上滚动了一定数量时，这将启动动画，例如300px .scrollTop(300px)

$(window).scroll(function() {
 if ($(this).scrollTop() > 300) {
   $('#yourElement').addClass('animated bounceOutLeft'); 
 } 
});