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

我试图让Jquery插件工作，但它只在你向下滚动一点，然后返回你滚动过的项目，好像你需要先初始化它

这是我正在使用的插件

这是一个JFIDLE，显示了我得到的：

基本上，我需要每个p标签在进入窗口时淡入（浏览器加载时显示在屏幕上的p应该是可见的，而不是淡入，只有在滚动将新项目带入窗口时淡入）。所以现在所有的P标签都会显示出来，直到你看到它们为止（滚动到底部）。然后，一旦完成此操作，不透明度动画就会工作。然而，我需要它的动画第一次，因为你滚动下来的页面

此外，我真的只需要p的动画/淡入，没有真正的理由动画/淡出，虽然这不是重要的，因为现在让它淡入第一次你向下滚动（我试图只是采取消失功能，但一切停止工作，如果你这样做）。谢谢

代码如JFIDLE中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);
});

---

我似乎已经得到它的工作通过设置不透明度的css下面的折叠为0第一。这是使用viewport jquery插件提供的折叠选择器实现的！耶

我第一次让它淡入淡出，在加载文档时将不透明度设置为0，但这会使它们全部消失。我想我真正需要的是一个适当的功能来检查哪些P不在屏幕上，并将其淡出…？通过使用jquery视口插件使屏幕下的内容不透明度为0，似乎已经开始工作了。