jQuery的.animate（）marginTop不斷擴大文件的高度

Question

看看我的小提琴，看看我的工作：

http://jsfiddle.net/ETKYj/7/

它擴展的高度，直到時間結束，三倍的大小這一頁。我希望單詞能夠在整個持續時間內爲頁面的init/load高度的距離設置動畫。

編輯：我採取了溢出的建議，它在小提琴中的作品，但如果你注意到，字不會在持續時間下降（因爲頁面更短），他們仍然下降，如果頁面是3次長（他們正在下降速率不同，他們不應該是）他們都應該表現得像異口同聲的「第一」落

Answer 1

威爾

body { 
    overflow: hidden; 
} 

做你想達到什麼樣的？

下也可以做，如果你想這樣做的效果只能在頁面的一部分：

#wordframe { 
    overflow: hidden; 
    width: 100%; 
    height: 100%; 
} 
.word { 
    color: #000; 
    font-size: 200%; 
    font-family: Gloria Hallelujah; 
}​ 

<div id="wordframe"> 
    <div class="word" cue="5">first</div> 
    <div class="word" cue="10">second</div> 
    <div class="word" cue="20">third</div> 
    <div class="word" cue="20">fourth</div> 
    <div class="word" cue="30">fifth</div> 
    <div class="word" cue="35">sixth</div> 
    <div class="word" cue="40">seventh</div> 
</div>