1

このサイトには、左側にスクロール div があります。ページをスクロールすると、div もリズミカルにスクロールし、画像の色も変化します。position:fixedそれだけではありません。

ではそのテクニックとは？

編集：

position:fixedページがスクロールしている場所にdivを固定するために使用できるのはこれだけです。しかし、変化する div のリズムを追加するにはどうすればよいでしょうか。他にどのような研究成果を示す必要がありますか (マイナスのランキング)?

4

1 に答える 1

1

jquery を使用してこれを実現できます。

var divs = $('.fademe');
$(window).on('scroll', function() {
    var st = $(this).scrollTop();
    if (st > 50 && st < 100) {
        $('.fademe').css({
            'color': '#fff'
        });
    }
    else {
        $('.fademe').css({
            'color': '#000'
        });
    }    
});

この関数は、スクロール バーの位置が 50 ～ 100 の場合、div 内のテキストの色を変更します。それ以外の場合、テキストは黒になります。

上記の jquery コードを変更して、必要な CSS を変更できます。

ここで自分で試してみてくださいhttp://jsfiddle.net/J8XaX/29/

これでバウンスを追加http://jsfiddle.net/J8XaX/43/

お役に立てれば

于 2012-07-30T19:35:52.143 に答える