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

看看我的小提琴，看看我的工作：jQuery的.animate（）marginTop不斷擴大文件的高度

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

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

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

來源

2012-09-06 HappaGirl

你到底想達到什麼目的？ – tommarshall

這是一個問題嗎？ – jtheman

威爾

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>

來源

2012-09-06 21:29:57 Mark

它在小提琴上工作，但不在我的文檔因爲我有一些其他的東西，如動畫腳註n東西。謝謝，我會看看我是否可以在父divs tho上混淆這個想法。 – HappaGirl

我剛剛用一個包裝div編輯了原始答案。請確保垂直尺寸有限。 – Mark

我剛更新了小提琴，不起作用。隱藏在身體上的溢出停止了渲染的擴展，但不是這些單詞的行爲（它們仍然像高度正在擴展一樣） – HappaGirl

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

回答

相關問題