jquery animate()로 위치 상태 애니메이션 이동

jQuery animate()를 사용하여 일련의 애니메이션 세트로 11 개의 요소 집합을 페이지로 "이동"하고 싶습니다. 나는 다음과 같은 한jquery animate()로 위치 상태 애니메이션 이동

: 아주 잘 FF3.6 에서 작동하는 것 같다 http://bit.ly/g90S3J 는하지만 난 IE8에서 년 - 애니메이션과 위치가 방법 꺼져있는 것을 볼 - 무대에서 내려 나머지 요소와 함께, 또는 무대의 비행 반면에 FF에서는 그들이 중심에서 중심으로 수집합니다.

때로는 FF에서 발생하는 것으로 보이는 요소는 최종적으로 요소가 산발적으로 바뀌는 것처럼 보입니다. 기묘한!!

누군가 나에게 손을 줄 수 있습니까?

많은 감사! 내가 초기 위치를 설정하는 것을 의미하는 경우

.flyItem { 
    display: inline; 
    overflow: visible; 
    position: absolute; 
}

단지 추가 :

출처

2011-03-11 kneidels

FWIW, item1의 위쪽 여백은 -1550 픽셀이며 애니메이션을 적용하면 1200 픽셀이 추가됩니다. 높이보다 큰 음의 여백을 갖습니다. 그러므로, 여전히 "숨겨져"있을 것입니다. – Nimrod

Nevermind, 나는'top'과'margin-top'을 보았습니다 ... – Nimrod

이 가지고있는 특성에

top:0; 
    left:0;

을하고, 당신은 이후 :

$(function(){ 
     $("#item1").animate({'top': '+=1200px'},2000, 'swing', function(){ 
     $("#item2").animate({'right': '-=2630px'},3000, 'swing', function(){ 
     $("#item3").animate({'top': '-=2700px'},3000, 'swing');   
                         });               
                     }); 

     $("#item6").animate({'right': '+=1860px'},2000, 'swing', function(){ 
     $("#item5").animate({'top': '+=1000px'},3000, 'swing', function(){ 
     $("#item4").animate({'right': '+=1000px'},3000, 'swing');   
                       });               
                     }); 


});

를 ' flyItem '요소는 모두 상대적으로 위치가 지정된 div 안에 있어야합니다.

출처

2011-03-11 01:21:28

jepser, 포스트를 읽으십시오 - 링크가 있습니다 ... – kneidels

IE8이 멍청하기 때문에 각 요소의 초기 위치를 설정해야합니다. –

@ jesper : 이것은 답변이 아닙니다. 그것은 코멘트 였음에 틀림 없다. – Nimrod

jquery animate()로 위치 상태 애니메이션 이동

답변

관련 문제