게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
카카오tv 웹에서 궁금한점..
게시물ID : programmer_21801짧은주소 복사하기
작성자 : 쉬룐
추천 : 0
조회수 : 354회
댓글수 : 0개
등록시간 : 2017/12/03 09:58:52
옵션
  • 본인삭제금지
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씩 변화를 준다는건데 어떤 방식으로 변화를 주는지 궁금합니다..

애니메이트 함수말고는 스타일을 변경해주는게 더 있는건가요?



꼬릿말 보기
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호