javascript - ページの特定の長さでJqueryをトリガーする

Question

ユーザーがページの中央にスクロールしたときにjqueryアニメーションをトリガーする方法を理解しようとしています。ユーザーがページの途中までスクロールしてjqueryコードをアクティブ化するかどうかを確認するようにリスナーを設定する方法はありますか？

score 1 · Accepted Answer

jQuery を使用すると、スクロールイベントにイベントハンドラーをアタッチできます。これにより、ウィンドウがスクロールされるたびにリッスンし、ユーザーが適切な量だけスクロールしたかどうかを判断できます。

$(window).scroll(function () { 
    if (($(window).scrollTop()) > ($(document).height() / 2)) {
        // Run animation here
    }
});

score 0 · Accepted Answer

そう考えてください..を使用してページの一部をチェックすることを見ることができます。setInterval（name_Of_Function、1000）;

毎秒実行し、次にチェックを実行します。window.pageYOffset//ページの現在の水平方向のウィンドウスクロール位置を示します。

Firebugは、これらの関数に関する詳細情報を取得するのに役立ちます。返される実装または値はブラウザによってわずかに異なる場合があるため、すべての主要なブラウザをチェックインすることを忘れないでください。

score 0 · Accepted Answer

リスナーを設定して、ページの途中までスクロールするとjqueryコードがアクティブになるかどうかを確認する方法はありますか?

ユーザーがスクロールした量は、次のようにして取得できます。

$("html,body").scrollTop();

そのため、ページの途中でイベントをトリガーするには:

if (($("html,body").scrollTop()) > ($("html,body").height() / 2))
{
    // Code that will be triggered
}

これを常にチェックするにはタイマーが必要です。Javascript で使用setInterval()して、これを確認する関数を繰り返し実行できます。

3 に答える 3