如何更改背景圖像作爲窗口滾動條移動

Question

我有兩個容器div如下所示（背景和內容區域）。當您將鼠標懸停在內容區域上並滾動時，背景具有固定的位置，並在不同的時間進行懸停。

我的問題但是，是我想的背景與窗口滾動條改變（同樣的方式，當你將鼠標懸停在內容方面它改變），但不太清楚如何去嗎？

<div class="background">    
    <div class="era t_1500 bg active"></div>    
    <div class="era t_1600 bg"></div>  
    <div class="era t_1700 bg"></div> 
    <div class="era t_1800 bg"></div> 
</div> 

<div class="content-area">   
    <div id="t_1500"> 
     //some content 
    </div>   
    <div id="t_1600"> 
     //some content 
    </div>  
    <div id="t_1700"> 
     //some content 
    </div> 
    <div id="t_1800"> 
     //some content 
    </div> 
</div> 

$('#t_1500, #t_1600, #t_1700, #t_1800').hover( 
    function(){ 
     var thatId = $(this).attr('id'); 
     var thisBg = '.' + thatId; 
     if(!$(this).hasClass('active') { 
      $('.background .era').hide(); 
      $(thisBg).show();    
     } 
    } 
); 

Answer 1

我建議你使用查詢視差的，它很容易使用，它確實你需要什麼

http://stephband.info/jparallax/