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