Question

看看我的小提琴，看看我在做什么：

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

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

jquery .animate（）marginTop不断扩展文档高度

1 个答案: