jQuery Detect Scroll to Bottom – Read T&C
Share
jQuery code snippet to detect if a user has scrolled to the bottom of the page (or div with scroll) before enabling the terms and conditions checkbox.
Terms of service jargon stuff here
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");
}
});
});