我有Jquery代码在页面加载时淡化某些div。当用户在我的网页上滚动2000px时,我将如何编辑此代码以触发此操作。
JQUERY
$(function () { $(window).load(function() {
$('.welcome-image').addClass('animated fadeInRightBig');
})
var reset = function reset() {
console.log($(this).scrollTop());
// do stuff when window `.scrollTop()` > 75
if ($(this).scrollTop() > 2000) {
// turn off scroll event so `fx` not called
// during ongoing animation
$(this).off("scroll");
// when all animations complete
fx()
}
};
// if `fx` should only be called once ,
// change `.on()` to `.one()` ,
// remove `.then()` callback following `fx()`
// within `reset`
$(window).on("scroll", reset);
});
答案 0 :(得分:0)
试试这个
{{1}}
根据需要选择功能和其他内容。这是一个让你想到的例子。
答案 1 :(得分:0)
$(window).load(function() {
$(window).on('scroll', function () {
if ($(window).scrollTop() > $("#section").scrollTop()) {
$('.welcome-image').addClass('animated fadeInRightBig');
}
});
})
它可能对你有帮助