자바스크립트 질문좀 드릴께요 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>
이렇게 해보세요~
우와~~!!! 정말 감사합니다!!!!
점심식사 맛나게 많이 하시고 오늘도 좋은하루 보내셔요~!!!
