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

该网站左侧有一个滚动div。 当你滚动页面时，div也会有节奏地滚动，图像的颜色也会改变。 position:fixed不是所有可以做到的。

那么技术是什么？

编辑：

position:fixed是我可以用来在页面滚动的位置固定div的所有东西。 但是如何添加变化div的节奏呢？ 我需要展示哪些其他研究工作（负排名）？

Answer 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之间时，此function将更改div中文本的颜色。否则文本将为黑色

你可以修改上面的jquery代码来改变你想要的任何css。

亲自尝试一下http://jsfiddle.net/J8XaX/29/

添加了这个http://jsfiddle.net/J8XaX/43/的反弹

希望这可以帮助