<a target="_blank" href="https://tv.kakao.com/search?q=%EB%B0%B0%ED%8B%80" target="_blank">https://tv.kakao.com/search?q=%EB%B0%B0%ED%8B%80</a> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div>위쪽 앱에서 맨 아래 검색 더보기를 누르면 ajax 무한 스크롤같이 더보기 기능이 시작되는데요 그 사이에 진행되는 로딩스피너가 작동하는 방식이 신기합니다.</div> <div><br></div> <div>웹의 자바스크립트에도 찾아봐도 관련 코드가 없구요</div> <div><br></div> <div>먼저</div> <div><div class="loading_indicator hide"></div> <div> <div class="page_loading" style="position: static"><img src="//t1.daumcdn.net/kakaotv/2016/upload/ballani.png" alt="로딩중" style="margin-left: -40px;"></div></div> <div> </div></div> <div><br></div> <div>이런식으로 구성되어있는데 style의 마진 레프트가 40 간격으로 계속적으로 움직입니다. 근데 이게 제이쿼리의 애니메이트 함수가 아니고</div> <div><br></div> <div>딱딱 -40간격으로 움직이더군요,...</div> <div><br></div> <div><br></div> <div>애니메이트는 순자순서로 상승시켜서 원하는 모습이 나오질 않습니다..</div> <div><br></div> <div><br></div> <div><br></div> <div>그럼 비동기로 40씩 변화를 준다는건데 어떤 방식으로 변화를 주는지 궁금합니다..</div> <div><br></div> <div>애니메이트 함수말고는 스타일을 변경해주는게 더 있는건가요?</div> <div><br></div> <div><br></div> <div><br></div>
<div style="text-align:center;"><img src="http://eusave.dothome.co.kr/gif.php?id=0B9kuz3bbrNKXOG1iYnZIckZzMEU" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;"><img_ src="http://eusave.dothome.co.kr/gif.php?id=0B4MpkGgWbWt6T2lObjI2d293VW8" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;"><img_ src="http://eusave.dothome.co.kr/gif.php?id=0B1-Nk0QyKrjDeVlnM3hCYllaRkk" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;">
<div style="text-align:center;"><img_ src="http://eusave.dothome.co.kr/gif.php?id=0B1-Nk0QyKrjDeVlnM3hCYllaRkk" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;">
<div style="text-align:center;"><img_ src="http://eusave.dothome.co.kr/gif.php?id=0B1-Nk0QyKrjDRWlMa09ieDZsMlE" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;">
<div style="text-align:center;"><img_ src="http://eusave.dothome.co.kr/gif.php?id=0B8fuRvQ1iHqPX0lRN2drTXU5OWc" alt="iu.jpg" style="font-size:9pt;line-height:1.5;border:none;"></div>
<div style="text-align:center;"></div></div></div></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.