使用jQuery檢測(cè)滾動(dòng)到底部，並在用戶滾動(dòng)到頁(yè)面底部（或帶有滾動(dòng)的div）後啟用條款和條件複選框。

以下jQuery代碼片段可以檢測(cè)用戶是否已滾動(dòng)到頁(yè)面底部：

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");
        }
    });
});

服務(wù)條款內(nèi)容在此處

我接受以上條款。

關(guān)於jQuery滾動(dòng)到底部的常見問(wèn)題 (FAQs)

如何使用jQuery檢測(cè)用戶何時(shí)滾動(dòng)到頁(yè)面底部？

使用jQuery檢測(cè)用戶何時(shí)滾動(dòng)到頁(yè)面底部，您可以結(jié)合使用scroll事件和scrollTop以及scrollHeight屬性。 scroll事件在每次滾動(dòng)發(fā)生時(shí)觸發(fā)，scrollTop屬性返回元素內(nèi)容垂直滾動(dòng)的像素?cái)?shù)。 scrollHeight屬性返回元素的總高度（以像素為單位），包括填充，但不包括邊框、滾動(dòng)條或邊距。以下是一個(gè)簡(jiǎn)單的示例：

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

在此代碼中，$(window).scrollTop()返回用戶從頂部滾動(dòng)的像素?cái)?shù)，$(window).height()返回視口的高度，$(document).height()返回文檔的高度。當(dāng)滾動(dòng)像素?cái)?shù)與視口高度之和等於文檔高度時(shí)，表示用戶已滾動(dòng)到底部。

如何使用jQuery自動(dòng)滾動(dòng)到頁(yè)面底部？

要使用jQuery自動(dòng)滾動(dòng)到頁(yè)面底部，您可以結(jié)合使用animate方法和scrollTop以及height屬性。 animate方法執(zhí)行對(duì)一組CSS屬性的自定義動(dòng)畫，scrollTop屬性返回元素內(nèi)容垂直滾動(dòng)的像素?cái)?shù)，height屬性返回元素的高度（以像素為單位）。以下是一個(gè)簡(jiǎn)單的示例：

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

在此代碼中，$("html, body").animate({scrollTop: $(document).height()}, "slow");以緩慢的動(dòng)畫速度將文檔滾動(dòng)到底部。 scrollTop屬性設(shè)置為文檔的高度，這意味著頁(yè)面將滾動(dòng)到底部。

如何使用jQuery檢測(cè)用戶何時(shí)滾動(dòng)到特定元素的底部？

要使用jQuery檢測(cè)用戶何時(shí)滾動(dòng)到特定元素的底部，您可以結(jié)合使用scroll事件和scrollTop、scrollHeight以及outerHeight屬性。 scroll事件在每次滾動(dòng)發(fā)生時(shí)觸發(fā)，scrollTop屬性返回元素內(nèi)容垂直滾動(dòng)的像素?cái)?shù)，scrollHeight屬性返回元素的總高度（以像素為單位），包括填充，但不包括邊框、滾動(dòng)條或邊距，outerHeight屬性返回元素的高度（以像素為單位），包括填充、邊框和可選的邊距。以下是一個(gè)簡(jiǎn)單的示例：

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()返回用戶從元素頂部滾動(dòng)的像素?cái)?shù)，$(this).outerHeight()返回元素的高度，this.scrollHeight返回元素內(nèi)容的高度。當(dāng)滾動(dòng)像素?cái)?shù)與元素高度之和等於內(nèi)容高度時(shí)，表示用戶已滾動(dòng)到元素的底部。

以上是jQuery檢測(cè)到滾動(dòng)到底部 - 閱讀T＆C的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！