• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 센세님 애플뮤직 강의 질문있습니다.

센세님 애플뮤직 강의 질문있습니다.

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #88199

    정중식
    참가자
    지금은 첫번째만 변경하는데 두번째꺼까지 변경해주려면 어떡해야할까요?
    
      $(window).scroll(function () {
            var 높이 = $(window).scrollTop();
            var y = (-1 / 500) * 높이 + 115 / 50;
            $('.card-box').eq(0).css('opacity', y);
            var z = (-1 / 5000) * 높이 + 565 / 500;
            $('.card-box').eq(0).css('transform', `scale( ${z} )`);
          });
    
    y와 z의 수치를 다시 재조정하고 
            $('.card-box').eq(1).css('opacity', y);
    
    이런식으로 다시 대입해줘야하나요?
    #88214

    codingapple
    키 마스터
    맞읍니다 변수 2개부터 구해봅시다
    #89581

    정중식
    참가자
    센세님 이렇게했는데 맞나요?
     
    $(window).scroll(function () {
            var 높이 = $(window).scrollTop();
            console.log(높이);
            var y = (-1 / 500) * 높이 + 115 / 50;
            $('.card-box').eq(0).css('opacity', y);
            var z = (-1 / 5000) * 높이 + 565 / 500;
            $('.card-box').eq(0).css('transform', `scale( ${z} )`);
            var y2 = (-1 / 800) * 높이 + 115 / 50;
            $('.card-box').eq(1).css('opacity', y2);
            var z2 = (-1 / 5000) * 높이 + 2.25;
            $('.card-box').eq(1).css('transform', `scale( ${z} )`);
          });
     
    저는 두번째요소는 1000~1800 스크롤 값으로 잡았어요
    1000에서는 1, 1800에서는 0으로 변하게끔 잡았거든요..
    수학계산은 너무 어려워서 ..ㅠㅠ  chat gpt썻어요
    
    
    		
    	
    #89590

    codingapple
    키 마스터
    구체적 수치는 모르겠지만 테스트해봐서 잘 보이면 잘된 코드입니다
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠