y軸のスクロールが一定の深さに達したときのjQueryの変更CSSの背景

Question

600pxをスクロールした後、CSS画像が表示されないようにしたいと思います。ただし、600ピクセルを超えると、別の画像（画像2）に変更したいと思います。このアクションは、ページをリフレッシュせずに繰り返してもらいたいです。私はちょうどそれを把握することはできません、私はシンプルな何かが欠けてる知っ

$(window).scroll(function() { 
    var y_scroll_pos = window.pageYOffset; 
    var scroll_pos_test = 800;    
    // set to whatever you want it to be 

    if(y_scroll_pos > scroll_pos_test) { 
     $("square").css("background-image", "url(images/comp_rel/square.png)"); 
    } 
    else 
    { 
     $("square").css("background-image","url(images/comp_rel/Box.gif)"); 
    } 
}); 

：

のjQuery：

は、ここに私のコードです。何かご意見は？ありがとう。

Answer 1

私のために働いています：

$(window).scroll(function() { 

    var y_scroll_pos = document.documentElement.scrollTop; 
    var scroll_pos_test = 800;    
    // set to whatever you want it to be 

    if(y_scroll_pos > scroll_pos_test) { 
     $("#square").css("background-color", "#00ff00"); 
    } 
    else 
    { 
     $("#square").css("background-color", "#0000ff"); 
    } 
}) 

のみ背景画像