웹툰을 보다가 스크롤에 맞춰서 소리가 나오는걸 보았는데요
횃대비
2023.04.01
웹툰을 보다가,
스크롤에 맞춰서 해당 그림이 나온 경우 그에 맞추어서 소리가 재생되는 걸 보았습니다.자바스크립트로 한 것 같기도 한데...
어떤 식으로 구현을 한 것일지 궁금하네요.....
-
FaintTears
우아 정성 있는 답변 정말 감사 드립니다.
실전은 내일 쯤 해볼 수 있을 거 같아요. 지금은 댓글만 갈고 갈께요. ^^ -
Loseless
podopod.co.kr 에서 product 부분 들어가시면 다 window.scroll로 체크해서 작동되게하였습니다. ㅋㅋ
저도 제이쿼리로 넘어가고 있습니다. 연습용으로 생각하고 처음 작업한거라 코드는 개판오분전일꺼에요.ㅋ -
후유
마우스 휠로 하던지 스크롤바를 잡아서 내려 끌던지 모바일에서는 위로 화면슬라이드를 하던지
$(window).scroll(function(){}) 함수로 체크하면 되요~ 그런데 스크롤 영역과 체크할때 이미지의 top에서 -50~200만큼 더 떨어져서 체크해야만 부드럽게 적용될수 있습니다.~ -
그대와나
scrollTop 을 체크해서 해당 이미지의 css속성중 top과 일치하게되면 소리를 재생해라 라고 할수 있습니다.~^^