편집 기록

이미지가 스크롤 되면. 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');
        }
     });

}

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

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

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

이미지가 스크롤 되면 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');
    }
 });

}

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

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

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