0

私のフィドルをチェックして、私が何を扱っているかを確認してください。

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

期間が終了するまで高さを拡張し、ページのサイズを3倍にします。単語が、ページの初期化/読み込みの高さの距離を全期間にわたってアニメーション化するようにします。

編集：私はオーバーフローの提案を取りました、そしてそれはフィドルで機能します、しかしあなたが気づいたなら、単語は持続時間で落ちていません（ページが短いので遅くなります）、それでもページが3倍長いかのように落ちます（そしてそれらは異なる速度で落下しているが、そうではないはずである）それらはすべて「最初の」落下のように振る舞うべきである

4

1 に答える 1

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>
于 2012-09-06T21:29:57.657 に答える