1

我试图让一个 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);
});
4

1 回答 1

0

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

于 2013-07-25T10:34:40.650 回答