寬度動畫不從0開始

-1

我已經創建了一個div，並將其寬度設置爲0，當頁面使用document.ready加載時，我將其寬度設置爲87％。問題是寬度不是從0開始，而是從100％開始，然後達到87％。有沒有什麼辦法讓它走向另一個方向。我已經使用像素嘗試，改變它的位置相對於絕對的，也搖擺的動畫，但似乎沒有任何work.Thanks提前寬度動畫不從0開始

這是代碼

HTML

<div class="rsch"><div class="teacherSlider"></div><div class="teacherContent"></div></div>

CSS

.rsch{ 
width:0;//850px 
height:70px; 
position:relative; 
margin-top:9%; 
margin-left:2%; 
border:1px solid black; 
overflow:hidden; 
} 
.teacherSlider{ 
width:17.5%;//17.5 
height:100%; 
position:absolute; 
display:block; 
background-color: #ff0700; 
z-index:2; 
} 
.teacherContent{ 
width:82.5%; 
height:100%; 
left:17.5%; 
position:relative; 
background-color:blue; 
z-index:1; 
}

jQuery的

$(function() { 
     $('.rsch').animate({ 
      width:"87%" 
     }, 1000,'linear'); 
    });

來源

2016-02-04 Patratel

[適用於我]（https://jsfiddle.net/uzn4ff32/）。 – Draco18s

這可能是因爲它被另一個父容器包圍了？ – Patratel

請提供一個最低限度完整的驗證示例。 – Draco18s

這是因爲CSS文件在JavaScript文件後加載。

來源

2016-02-05 19:33:42 Patratel

寬度動畫不從0開始

回答

相關問題