자바스크립트 질문좀 드릴께요 if문은 두개이상 못쓰나요?

자바스크립트 질문좀 드릴께요 if문은 두개이상 못쓰나요?

QA

자바스크립트 질문좀 드릴께요 if문은 두개이상 못쓰나요?

본문

클릭해주셔서 감사합니다~!!!

 

다름이 아니오라 스크롤을 내리면 css를 변경하는 소스를 얻었는데요.

 

    <script type="text/javascript">
        $(window).scroll(function() {
    if($(this).scrollTop() < 100)
        $('.header-wrap').css('background-color','red');
    else
        $('.header-wrap').css('background-color','yellow');
});

    </script>

 

위와 같은 소스 입니다.

그런데 저는 두개를 제어 하고 싶어서요.

 

    <script type="text/javascript">
        $(window).scroll(function() {
    if($(this).scrollTop() < 100)
        $('.header-wrap').css('background-color','red');
               $('.header-wrap p').css('color','white');
    else
        $('.header-wrap').css('background-color','yellow');
           $('.header-wrap p').css('color','blue');
});

    </script>

이렇게 배경도 변하고 글씨 색도 변하게 하고 싶었습니다.

했더니 안되더라구요.

 

그런데 

 

    <script type="text/javascript">
        $(window).scroll(function() {
    if($(this).scrollTop() < 100)
        $('.header-wrap').css('background-color','red');
    else
        $('.header-wrap').css('background-color','yellow');
           $('.header-wrap p').css('color','blue');
});

    </script>

 

이건 또 되더라구요.

else는 여러개 해도 되는데 if문은 여러개를 못하나요???

 

제가 하수라 아무리해도 안되네요;;;

 

고수님들 좀 알려주세요!!

 

항상 감사합니다!!!

 

 

이 질문에 댓글 쓰기 :

답변 1


<script type="text/javascript">
    $(window).scroll(function () {
        if ($(this).scrollTop() < 100) {
            $('.header-wrap').css('background-color', 'red');
            $('.header-wrap p').css('color', 'white');
        } else {
            $('.header-wrap').css('background-color', 'yellow');
            $('.header-wrap p').css('color', 'blue');
        }
    });
</script>

이렇게 해보세요~

답변을 작성하시기 전에 로그인 해주세요.
전체 137
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT