::before 가상 선택된 클래스에 addclass해서 배경바꾸기

이미지가 스크롤 되면. id=mainoffset 가 심어져 있는 곳 이후에서

      .aa::before {
      content:' ';
      display: block;
      background-color:#000;
      background-image:url('../img/main/01.jpg');
      background-position: center;
      height: 100vh;
      width: 100vw;
      margin:0 auto;
      max-width:640px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: fixed;
      z-index: -10; 
}

로 깔아놓은 배경을 바꾸려고

새로운 클래스명인

.aa2{
      content: ' ';
      display: block;
      background-color:#3e3d3c;
      background-image:url('../img/main/02.jpg');
      background-repeat: no-repeat;
      background-position: center;
      height: 100vh;
      width: 100vw;
      margin:0 auto;
      max-width:640px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position:fixed;
      z-index: 0; 
}

을 넣고

js에서

function changeMain(){

 //윈도우창에서 스크롤바가 동작하면
 $(window).scroll(function(){

  //mainOffset 위치값을 변수에 저장함.
  var nowPos = $('#mainOffset').offset().top; //좌표값 top:()일때
  //scrollTop();은 scroll시 위치의 pixel값을 알 수 있게 해주는     
  var scrollPos = $(window).scrollTop();//현재 스크롤값을 변수에 저장

  if(scrollPos > nowPos){ 

            $('.aa').addClass('aa2');
        }
     });

}

되게 하였는데 이미지가 않바꾸고 기존 상태 그대로 있네요

실수로
폴더를 삭제하고 다시 복구 중인데

분명히 기억에 이렇게 썼을 때 맞았던 것 같은데
안되서 미치겠어요 퇴근해야 하는데 도와주세요

1답변

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

작성한 답변에 다른 개발자들이 댓글을 작성하거나 댓글에 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.