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

home2 게시판 JavaScript, TS 게시판 position : sticky 에서 스크롤하면 사진 바꾸기 기능

position : sticky 에서 스크롤하면 사진 바꾸기 기능

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

    정윤경
    참가자
    안녕하세요!! sticky 기능 배우고 자바스크립트로 스크롤 내리면 설정한 위치에서 사진 바꾸는 기능 한 번 완성해봤습니다!! 
    이렇게 하니까 스크롤 위치 1000되었을 때 사진이 잘 바뀌네용 ㅎㅎㅎ 
    (구글링도 안하고 혼자서 짜봤어요!!) 
    허접하지만 선생님 강의 듣고 스스로 구현하게 되어서 너무 기쁩니다 ㅎㅎ 
    그냥 자랑하듯이 올려봤어요 너무 뿌듯해서요 >< 히히 선생님 감사합니다 끝까지 강의 잘 수강하겠습니다!! 
    
    const img = document.querySelector('#image')
    window.addEventListener('scroll',function(){
      if (window.scrollY === 1000) {
        img.src = './애플.png'
        console.log('good');
      }
    });
     
    
    #73004

    codingapple
    키 마스터
    잘했읍니다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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