jquery-animate - jquery .animate() marginTop 不断扩大文档高度

Question

查看我的小提琴，看看我正在使用什么：

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

它会扩展高度直到持续时间结束，使页面大小增加三倍。我希望这些词在整个持续时间内为页面的初始/加载高度的距离设置动画。

编辑：我接受了溢出建议，它在小提琴中起作用，但如果你注意到，单词并没有在持续时间下降（因为页面更短而变慢），它们仍然下降，好像页面长 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>