스크롤 시 이미지 변경
관련링크
https://www.xexymix.com/
23회 연결
본문
이미지를 배치하고 position static 준게 아니라. 이건 스크롤을 제어해서 이미지와 텍스트를 바꾸는거 같은데 정작 개발자도구에서 보면 바뀌기전 코드만 보이고, 바뀐 코드는 안보이는것 같더라구요.
링크는 https://www.xexymix.com/ 젝시믹스 쇼핑몰 메인페이지 아랫쪽 부분이에요.
왼쪽 이미지와 텍스트가 신상에서
밑으로 스크롤 하면 키즈로 바뀌어요.
이게 무슨 원리인거조..?
답변 2
스크롤 위치를 확인해서 특정 위치에 오면 이미지를 변경 시킨게 아닐까 싶네요.
마우스를 내리면 오른쪽의 div 이이디와 매칭 하여
<div class="wear monthly contrary visible"> </div> 이곳에 visible을 추가해 주는 것입니다.
스크롤 인식하는 라이브러리 사용할 것입니다.
답변을 작성하시기 전에 로그인 해주세요.