<pre><code>else if (scroll > 200) { $("#black").css("background" , "green"); } </code></pre>

Question

을 스크롤 할 때 녹색 에 대한 사용자 scrool 400 픽셀 색상 변경 내가 다음 시도 할 때 JQuery와에게 내가 원하는

<script> 
$(document).ready(function(){ 
    $(window).scroll(function(){ 
    var scroll = $(window).scrollTop(); 
     if (scroll > 54) { 
     $("#black").css("background" , "blue"); 
     } 


     else{ 
      $("#black").css("background" , "white");  
     } 
    }) 
}) 
     </script> 

을 스크롤 할 때 탐색 막대에 여러 색상을 변경하는 방법 탐색 줄에 여러 색상을 변경하지만

작동하지하는 방법

Answer 1

자바에서는 if의 평가가 끝나자 마자 종료됩니다. 즉, 54px을 스크롤하면 배경이 blue으로 변경되며 사실인지 여부에 관계없이 다른 조건은 확인되지 않습니다.

따라서 논리를 뒤집어서 마지막 사례를 먼저 넣어야합니다. 이 시도 : 미세

$(document).ready(function() { 
 
    $(window).scroll(function() { 
 
    var scroll = $(window).scrollTop(); 
 
    if (scroll > 200) { 
 
     $("#black").css("background-color", "green"); 
 
    } else if (scroll > 54) { 
 
     $("#black").css("background-color", "blue"); 
 
    } else { 
 
     $("#black").css("background-color", "white"); 
 
    } 
 
    }) 
 
})

html, 
 
body { 
 
    height: 2000px; 
 
    background-color: #CCC; 
 
} 
 
#black { 
 
    position: fixed; 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="black"></div>