Jquery Appear插件在滚动到页面底部后初始化

我试图让Jquery Appear插件工作，但它只在向下滚动一点时才起作用，然后回滚滚动的项目，就好像您需要初始化它首先。Jquery Appear插件在滚动到页面底部后初始化

这里是使用https://github.com/morr/jquery.appear

这里是一个Jfiddle这说明了什么，我得到了显示插件IM：http://jsfiddle.net/bWTbt/

基本上我需要每个P标签褪色在窗口中输入（在P的是出现在浏览器加载的屏幕应该是可见的，不会淡入，只有在滚动将新项目带入窗口时才淡入）。所以现在所有的P标签都会显示，直到您全部查看它们（滚动到底部）。然后，一旦你完成了不透明度动画的作品。不过，我需要它在您向下滚动页面时首次进行动画制作。

此外，我真的只需要P的动画/淡入，theres没有真正的理由来动画/淡出，尽管现在不那么重要，现在它在第一次向下滚动时淡入淡出（我试着只是采取消失功能，但一切都停止工作，如果你这样做）。谢谢！！

代码作为在JFiddle JS的底部：

$('.ribbit p').appear(); 
$('.ribbit p').on('appear', function(event, $all_appeared_elements) { 
    // this element is now inside browser viewport 
    $(this).stop().animate({opacity: 1}, 1000); 
}); 
$('.ribbit p').on('disappear', function(event, $all_disappeared_elements) { 
    // this element is now outside browser viewport 
    $(this).stop().animate({opacity: 0}, 1000); 
});

来源

2013-07-25 mike

我刚刚通过在文档加载时将不透明度设置为0来让它在第一次褪色，但它使所有这些消失。我想我真正需要的是一个适当的功能来检查哪些P不在屏幕中并将它们淡出......？ – mike

似乎通过使用jquery视口插件使屏幕下方的内容不透明可以使其工作。 – mike

我似乎得到它通过设置下述的倍的CSS为0第一不透明度工作。这是否使用由视口jquery插件提供的低折叠选择器！ yay

来源

2013-07-25 10:34:40 mike

Jquery Appear插件在滚动到页面底部后初始化

回答

相关问题