jQueryはスクロールを下に検出します - T＆Cを読みます

jQuery検出を使用して、ユーザーがページの下部（またはスクロール付きDIV）にスクロールした後、条件を[利用規約]チェックボックスを有効にします。

次のjQueryコードスニペットは、ユーザーがページの下部にスクロールしたかどうかを検出できます。

jQuery(document).ready(function() {
    jQuery("input#TERMS_ACCEPTED_YN").attr("disabled", true);

    var $box = $("#scrollPane"),
        $inner = $("> .inner", $box),
        innerOuterHeight = $inner.outerHeight();
    boxHeight = $box.height();
    boxOffsetTop = $box.offset().top;

    jQuery("#scrollPane").scroll(function() {
        if (Math.ceil(boxHeight - $inner.offset().top + boxOffsetTop) >= innerOuterHeight) {
            jQuery("input#TERMS_ACCEPTED_YN").removeAttr("disabled");
        }
    });
});

サービスのコンテンツはここにあります

上記の条件を受け入れます。

jqueryが下部（FAQ）にスクロールすることについてのFAQ

jqueryを使用して、ユーザーがページの下部にスクロールするときに検出する方法は？

jqueryを使用して、ユーザーがページの下部にスクロールするときに検出し、

イベントとscroll属性を組み合わせて使用​​できます。スクロールが発生するたびにscrollTopイベントが発射され、scrollHeight属性は、要素コンテンツが垂直にスクロールされるピクセルの数を返します。 scroll属性は、境界、スクロールバー、マージンではなく、パディングを含むピクセルの要素の総高さを返します。簡単な例を次に示します：scrollTop scrollHeight このコードでは、

ユーザーが上部からスクロールするピクセルの数を返し、

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert("bottom!");
    }
});

ビューポートの高さを返し、ドキュメントの高さを返します。スクロールされたピクセルとビューポートの高さの数がドキュメントの高さに等しい場合、ユーザーが下部にスクロールしたことを意味します。

$(window).scrollTop() jqueryを使用してページの下部に自動的にスクロールする方法は？ $(window).height() $(document).height() jQueryを使用してページの下部に自動的にスクロールするには、

メソッドと

属性を組み合わせて使用​​できます。

メソッドは、一連のCSS属性のカスタムアニメーションを実行します。簡単な例を次に示します：

animate このコードでは、scrollTop>ドキュメントを遅いアニメーション速度で下にスクロールします。 heightプロパティはドキュメントの高さに設定されています。つまり、ページは下部にスクロールします。 animate scrollTop jqueryを使用して、ユーザーが特定の要素の下部にスクロールするときに検出する方法は？ height

jQueryを使用して、ユーザーが特定の要素の下部にスクロールするときに検出するには、

$("html, body").animate({scrollTop: $(document).height()}, "slow");

、

、$("html, body").animate({scrollTop: $(document).height()}, "slow");属性を組み合わせたscrollTopイベントを使用できます。

属性が発生するたびに、要素が垂直にスクロールされるピクセル数（ピクセル）が充填されますが、borders、scroll scrollを含むvers> aghtsを含むものを含めます。簡単な例を次に示します：

jQuery(document).ready(function() {
    jQuery("input#TERMS_ACCEPTED_YN").attr("disabled", true);

    var $box = $("#scrollPane"),
        $inner = $("> .inner", $box),
        innerOuterHeight = $inner.outerHeight();
    boxHeight = $box.height();
    boxOffsetTop = $box.offset().top;

    jQuery("#scrollPane").scroll(function() {
        if (Math.ceil(boxHeight - $inner.offset().top + boxOffsetTop) >= innerOuterHeight) {
            jQuery("input#TERMS_ACCEPTED_YN").removeAttr("disabled");
        }
    });
});

このコードでは、

ユーザーが要素の上部からスクロールするピクセルの数を返し、$(this).scrollTop()要素の高さを返し、$(this).outerHeight()要素コンテンツの高さを返します。スクロールされたピクセルの数と要素の高さの合計がコンテンツの高さに等しい場合、ユーザーが要素の底にスクロールしたことを意味します。 this.scrollHeight

以上がjQueryはスクロールを下に検出します - T＆Cを読みますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。