Jquery 创建垂直视差页面

我正在尝试创建一个与jquery类似的垂直滚动网页。我遇到了下面的脚本，我能够在向下滚动页面时正确地淡入元素，但是我希望在下一个元素滚动到位时，以及在向上滚动时，前一个元素淡入正确的元素，实际上是反转脚本

    slides = $('.slide');
slides.children().fadeTo(0, 0);
$('#slide-1').children().fadeTo(1000, 1);
$(window).scroll(function(d,h) {
    slides.each(function(i) {
        a = $(this).position().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) { 
            $(this).addClass('current');
            $(this).children().fadeTo(1000,1);
            $(this).children('.polaroid').addClass('fadeInRightBig');
            $(this).siblings().removeClass('current');
        }
    });
}); 

slides=$（'.slide'）；
slides.children（）.fadeTo（0,0）；
$（'slide-1'）.children（）.fadeTo（1000,1）；
$（窗口）。滚动（功能（d，h）{
幻灯片。每个（功能（i）{
a=$（this.position（）.top+$（this.height（））；
b=$（窗口）.scrollTop（）+$（窗口）.height（）；
如果（a

---

我真的不知道如何才能做到这一点。我希望有人能帮我。我正在玩的网站是

我建议使用视差插件，试试stellar js，只需将数据属性添加到元素中，stellar就会处理动画