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

【问题标题】：Jquery Appear plugin initializes after scroll to bottom of pageJquery Appear 插件在滚动到页面底部后初始化
【发布时间】：2013-07-25 18:34:40
【问题描述】：

我试图让一个 Jquery Appear 插件工作，但它只有在你向下滚动一点时才能工作，然后回到你滚动过的项目，就好像你需要先初始化它一样。

这是使用https://github.com/morr/jquery.appear的出现插件我

这是一个显示我得到的东西的 Jfiddle：http://jsfiddle.net/bWTbt/

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

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

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);
});

【问题讨论】：

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

标签： jquery user-interface

【解决方案1】：

我似乎已经通过首先将折叠下方的 css 的不透明度设置为 0 来使其工作。使用 viewport jquery 插件提供的折叠选择器来做到这一点！耶

【讨论】：