css - 滚动时更改背景图像

Question

我试图在滚动时仅使用 CSS3 更改背景图像，但我失败了。我需要帮助如何仅在 css3 上执行此操作，而不是 js。 我需要在滚动页面时将一个图像的背景不透明度更改为零，将另一个图像的背景不透明度更改为 1，有 5 个断点。但我不知道如何处理滚动。 将感谢您的帮助)

Answer 1

 jQuery(window).scroll(function(){
 var fromTopPx = 200; // distance to trigger
 var scrolledFromtop = jQuery(window).scrollTop();
 if(scrolledFromtop > fromTopPx){
    jQuery('html').addClass('scrolled');
 }else{
    jQuery('html').removeClass('scrolled');``
 }
 });

http://jsfiddle.net/pZrCM/