jquery - 如何通过更改 css 来实现这样的滚动 div？

Question

该站点的左侧有一个滚动 div。当您滚动页面时，div 也会有节奏地滚动，并且图像的颜色也会发生变化。position:fixed不是所有可以做到的。

那是什么技术呢？

编辑：

position:fixed是我可以用来将 div 固定在页面滚动的位置的所有方法。但是如何添加变化的div的节奏呢？我还需要展示哪些研究成果（负面排名）？

Answer 1

you can achieve this by using 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'
        });
    }    
});

this function will change the color of the text in a div when the scroll bar position is between 50 and 100. otherwise the text will be black

you can modify the jquery code above to alter any css you'd like.

try it yourself here http://jsfiddle.net/J8XaX/29/

added bounce with this one http://jsfiddle.net/J8XaX/43/

Hope this helps