我正在尝试制作自己的wow.js版本,原因有两个,第一个是似乎wow.js不再维护,第二个是它只显示一次动画。
我的问题是,我的代码只在向上滚动时显示动画,而在向下滚动时却没有显示,我无法找到原因...
有人能帮我找到错误吗?
负责显示元素的函数如下:
function showBlocks() {
$('.wow2').each(function () {
var elementTop = $(this).data('wow2-top');
$(this).html(elementTop);
// Shows Elements
if ((elementTop >= top) && (elementTop <= bottom)) {
$(this).css('visibility', 'visible');
$(this).addClass('animated').addClass($(this).data('wow2-class'));
}
/*
// Hides Elements
if ((elementTop < top) || (elementTop >= bottom)) {
$(this).css('visibility', 'hidden');
$(this).removeClass('animated').removeClass($(this).data('wow2-class'));
}
*/
});
}
这是我的jsfiddle: