我整个下午都在玩,无论是使用Waypoint插件还是不使用。我试图在元素出现时淡入并在它们消失时淡出(理想情况下,元素在视口中间的不透明度为1,在边缘的不透明度为0,然后逐渐淡入双向)
这段代码可以在元素出现在屏幕上时对其进行淡入淡出查找,但是无论我尝试哪种排列,我都无法让它们再次淡出
faders = $(".fades").fadeTo(0,0);
$(window).scroll(function(d,h) {
faders.each(function(i) {
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + $(window).height();
if (a < b) $(this).fadeTo(100,2);
});
});
试试这个,希望对您有所帮助
$(document).ready(function(){
faders = $(".fades").fadeTo(0,0);
$(window).scroll(function(){
faders.each(function(){
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + ($(window).height());
c = $(window).scrollTop() + $(this).height();
if (c > $(this).offset().top){
$(this).fadeTo(0,0.5);
}
else if (a < b) {
$(this).fadeTo(0,1);
}
else {
$(this).fadeTo(0,0.5);
}
});
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句