设置css离开后，无法使用'right'对div进行动画设置？

我的HTML的主体部分是设置css离开后，无法使用'right'对div进行动画设置？

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

的CSS部分

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

脚本部分

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

，当他们点击了其他一些按钮

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

第一个动画似乎起作用。但第二个动画似乎不适用于topscrollin。当我搜索时，我发现它与最初将位置设置为左边有关。我尝试使用解决方案 http://jsfiddle.net/XqqtN/ 这是针对相反的情况给出的。但它没有奏效。 `如果左边的位置是问题，那么为什么第二个案例不会发生？

来源

2013-08-02 Kenneth Joseph Paul

你在找这样的事情http://jsfiddle.net/RLAFq/4/？ –

左转&右转100％如何？ http://jsfiddle.net/PRLnm/

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

来源

2013-08-02 23:43:54

设置css离开后，无法使用'right'对div进行动画设置？

回答

相关问题