자바스크립트 질문좀 드릴께요 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문은 여러개를 못하나요???

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

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

항상 감사합니다!!!