Question

如何将此代码用于fadein()？

$(window).scroll(function() {
    $("div").each(function() {
        if ($(window).scrollTop() > $(this).offset().top - 100) {
            $(this).css('opacity', 1);
        } else {
            $(this).css('opacity', 0);
        }
    });
});

Answer 1

我建议您使用fadeTo()功能。它非常简单，它改变了对象的不透明度。这是淡出的代码：

$(selector).fadeTo(duration,opacity,complete);

持续时间以毫秒为单位，目标必须介于0和1之间，其中1为可见，0为不。最后一个参数是淡入淡出结束时执行的函数。如果要淡入1，请使用以下代码：

$(window).scroll(function() {
$("div").each( function() {
if( $(window).scrollTop() > $(this).offset().top - 100 ) {
    $(this).fadeTo(500,1);
} else {
    $(this).fadeTo(500,0);
}
}); 
});

这可以让你淡入你的对象。无论如何，我认为你在滚动时尝试淡入物体，这不是最好的方法。

参考文献：

https://api.jquery.com/fadeTo/

Fadein Jquery具有不透明度

1 个答案: