您已经初始化了两次脚本。以下是更新的脚本:
jQuery(document).ready(function($) {
var $window = $(window),
win_height_padded = $window.height() * 1.1,
isTouch = Modernizr.touch;
if (isTouch) { $(\'.revealOnScroll\').addClass(\'.animated\'); }
$window.on(\'scroll\', revealOnScroll);
function revealOnScroll() {
var scrolled = $window.scrollTop(),
win_height_padded = $window.height() * 1.1;
// Showed...
$(".revealOnScroll:not(.animated)").each(function () {
var $this = $(this),
offsetTop = $this.offset().top;
if (scrolled + win_height_padded > offsetTop) {
if ($this.data(\'timeout\')) {
window.setTimeout(function(){
$this.addClass(\'.animated \' + $this.data(\'animation\'));
}, parseInt($this.data(\'timeout\'),10));
} else {
$this.addClass(\'.animated \' + $this.data(\'animation\'));
}
}
});
// Hidden...
$(".revealOnScroll.animated").each(function (index) {
var $this = $(this),
offsetTop = $this.offset().top;
if (scrolled + win_height_padded < offsetTop) {
$(this).removeClass(\'.animated .fadeInUp .flipInX .lightSpeedIn\')
}
});
}
revealOnScroll();
});
UPDATE: 此脚本不起作用,因为您在Javascript中使用了jQuery脚本,但该脚本不起作用。您需要使用javascript或jQuery。
revealOnScroll()是一个javascript函数。此函数中使用的每个函数都是jQuery函数。请明确您是要使用jQuery还是javascript。
UPDATE 1:
在jquery之后添加此脚本。您错过的js。
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script>
希望这有帮助!