css left를 설정 한 후에 'right'를 사용하여 div에 애니메이션을 적용 할 수 없습니까?

Question

내 HTML의 신체 부분은 CSS 부분은 스크립트 부분은

$(".scrollin").animate({scrollin:27},{ 
     step:function(now){ 
     $("#topscrollin").css('left',now+'%'); 
     $("#bottomscrollin").css('right',now+'%'); 
     } 
    }) 

입니다

.scrollin{ 
    background: #3300FF; 
    height:60px; 
    width:300px; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Segoe UI; 
    position: absolute; 
    z-index: 3; 
} 

입니다

<div class="scrollin" id="topscrollin" style="left:-300px;top:30px;"></div> 
<div class="scrollin" id="bottomscrollin" style="right:-300px;top:120px;"></div> 

그리고 그들은 다른 버튼을 클릭 할 때

$("#topscrollin").animate({right:-300},1000); 
       $("#bottomscrollin").animate({left:-300},1000); 

첫 번째 애니메이션이 작동하는 것 같습니다. 그러나 두 번째 애니메이션은 topscrollin에서 작동하지 않습니다. 내가 검색했을 때 처음에는 왼쪽으로 위치를 설정하는 것과 관련이 있다는 것을 알았습니다. 반대의 상황에 대해 주어진 http://jsfiddle.net/XqqtN/솔루션을 사용해 보았습니다. 그러나 그것은 효과가 없었습니다. `왼쪽으로 위치를 설정하는 것이 문제라면 두 번째 경우에는 왜 일어나지 않을까요?

Answer 1

왼쪽으로 변경하는 방법 & 오른쪽 100 %? http://jsfiddle.net/PRLnm/

$("#topscrollin").animate({left:'100%'},1000); 
$("#bottomscrollin").animate({right:'100%'},1000);