0

我正在尝试使用 jquery创建一个类似于http://editions.redbullusa.com的垂直滚动网页。我遇到了下面的脚本，当我向下滚动页面时，我能够正确淡入元素，但是我希望在下一个元素滚动到位时以及向上滚动时淡入淡入正确的元素，本质上是反转脚本。

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

我真的不知道如何做到这一点。我希望有人可以在这里帮助我。我正在玩的网站是http://interesponse.com/curryacura/index2.php

4

1 回答 1

0

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

http://markdalgleish.com/projects/stellar.js/

于 2013-05-31T19:15:51.707 回答