직접 만든 애니메이션 플러그인 버그 도와주세요!!

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

글쓴이

글
2022년 6월 9일 22:07 #35930

김철준
참가자

https://hmmiii.github.io/bbc/

여기로 들어가시면 첫 번째 영역에 숫자가 롤링되는 애니메이션 플러그인을 만들었습니다.

css:https://github.com/hmmiii/bbc/blob/master/css/motionUI.css

js:https://github.com/hmmiii/bbc/blob/master/js/motionUI.js

작동은 되는데.. 문제가 첫 번째로 방문 했을 때나.. 캐시 삭제 새로고침 (컨트롤+쉬프트+R)을 했을 때는 아래에서 위로 숫자가 내려오는 게 아니라 위에서 아래로 내려오는 문제가 있습니다 ㅠ 해결해보려고 해도 이유를 도대체 모르겠습니다.

2022년 6월 10일 10:23 #35944

codingapple
키 마스터

해당 html이 전부 로드되고나서 실행해달라고 코드를 짜거나 그래봅시다

2022년 6월 10일 10:53 #35945

김철준
참가자

감사합니다!!
2022년 7월 17일 22:46 #38887

김철준
참가자
```
잘 되는 것 같았는데 크롬 이외의 브라우저에서는(테스트해본 브라우저는 파이어폭스 디벨로퍼, 맥 사파리) 다른 서브페이지에 갔다가 다시 홈으로 가거나, (캐시삭제새로고침이 아닌)일반 새로고침을 하면
작동하지 않는 문제가 발생합니다. https://hmmiii.github.io/bbc/index.html

그래서 첨에 로드이벤트로만 하던 것을 이렇게 그냥 함수호출을 하는 코드를 한 줄 더 넣어주면 해결되던데 이유가 뭔지 모르겠습니다 ㅜㅜ
rollingNumber();
$(window).on('load',function(){
rollingNumber();
})
```
2022년 7월 17일 23:02 #38888

김철준
참가자
```
앗.. 해결했는데 ready 이벤트리스너 안에 들어가있어서 그런거였습니다. 레디 안에 로드가 들어가면 작동이 안 될 수 있나요?
```
2022년 7월 18일 09:40 #38902

codingapple
키 마스터
```
전부 load 되어야 ready 이벤트리스너가 실행되어서 
ready 안에 load 이벤트리스너있으면 실행이안되나봅니다
```
글쓴이

글

6 글 보임 - 1 에서 6 까지 (총 6 중에서)

답변은 로그인 후 가능합니다.

로그인

직접 만든 애니메이션 플러그인 버그 도와주세요!!

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png