https://tv.kakao.com/search?q=%EB%B0%B0%ED%8B%80
위쪽 앱에서 맨 아래 검색 더보기를 누르면 ajax 무한 스크롤같이 더보기 기능이 시작되는데요 그 사이에 진행되는 로딩스피너가 작동하는 방식이 신기합니다.
웹의 자바스크립트에도 찾아봐도 관련 코드가 없구요
먼저
<div class="loading_indicator hide">
<div class="page_loading" style="position: static"><img src="//t1.daumcdn.net/kakaotv/2016/upload/ballani.png" alt="로딩중" style="margin-left: -40px;"></div>
</div>
이런식으로 구성되어있는데 style의 마진 레프트가 40 간격으로 계속적으로 움직입니다. 근데 이게 제이쿼리의 애니메이트 함수가 아니고
딱딱 -40간격으로 움직이더군요,...
애니메이트는 순자순서로 상승시켜서 원하는 모습이 나오질 않습니다..
그럼 비동기로 40씩 변화를 준다는건데 어떤 방식으로 변화를 주는지 궁금합니다..
애니메이트 함수말고는 스타일을 변경해주는게 더 있는건가요?