jQuery Detect Scroll to Bottom – Read T&C

By Sam Deering

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

No Reader comments



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.