0

したがって、ユーザーがページの特定の部分にスクロールダウンしたときに、divを上向き(ボタンから上へ)にアニメーション化する必要があります。

問題は、上から下にしかアニメーション化できないことです。逆のことは簡単だと思いますが、明らかにそうではありません。

$(document).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 1700) {
        $(".usersuk").animate( 
            { height:"400px" }, 
            { queue: false, duration: 1000 }
        );
    } 
    else {
        $(".usersuk").animate( 
            { height:"0px" }, 
            { queue: false, duration: 1000 }
        );
    }
});

また、var scrollを使用するよりも、ユーザーに表示されているときに何かをアニメーション化するためのより良い方法はありますか?

4

1 に答える 1

0

わかりました。下から上にアニメーション化するには、これは非常に簡単です。親コンテナをposition:relativeに設定し、アニメーション化されたコンテナをposition:absoluteにBOTTOM:0で設定するだけです。もちろん、親DIVの下部に残ります。アニメーション化されたコンテナ内のオブジェクトの「オーバーフロー:非表示」を使用して、アニメーションを微調整できます。

最後に、本当に「視界」(ウィンドウ内の要素)でイベントを発生させたい場合は、スクロール位置、ウィンドウの高さ、オブジェクトの位置、およびオブジェクトの高さを考慮する必要があります。これは非常に簡単ですが、プラグインに慣れている場合は、「inviewプラグイン」を確認できます。私はすでにそのプラグインを使用しました、そしてそれは完全に働きました。お役に立てれば

于 2012-10-30T16:11:16.117 に答える