Javascript 滚动页面时淡入淡出div

我整个下午都在玩这个，使用waypoints插件，而不是。我试图褪色的元素，因为他们进入视野和淡出他们当他们出来的视野（理想的是，元素将有一个不透明度为1，在视口的中间，不透明度为0，在边缘，并在两个方向褪色）< /P> 这段代码适用于在元素出现在屏幕上时淡入淡出，但我无法让它们再次淡出，无论我尝试什么排列

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);
    });
});

faders=$（“.fades”）.fadeTo（0,0）；
$（窗口）。滚动（功能（d，h）{
音量控制器。每个（功能（i）{
a=$（this.offset（）.top+$（this.height（））；
b=$（窗口）.scrollTop（）+$（窗口）.height（）；
if（a

试试这个，希望有帮助

            $(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);
                        }
                    });
                });
            });

$（文档）.ready（函数（）{
音量控制器=$（“.fades”）.fadeTo（0,0）；
$（窗口）。滚动（函数（）{
音量控制器。每个（函数（）{
a=$（this.offset（）.top+$（this.height（））；
b=$（窗口）.scrollTop（）+（$（窗口）.height（））；
c=$（窗口）.scrollTop（）+$（此）.height（）；
如果（c>$（此）.offset（）.top）{
美元(此),法代托(0,0.5),；
}
否则如果（a

您能为我们提供一个现场演示吗？太好了。几次调整后，我就可以像我想要的那样工作了！持续的不透明度变化会更好，但我认为对客户端的影响太大了。一个注意事项是，为了让事情始终如一地运行，我必须将$（this.fadeTo（foo，bar）更改为$（this.stop（）.fadeTo（foo，bar）