The JavaScript function presented in this page can be used to Detect when ScrollBar reaches the bottom of the page.
This function is useful when you want to execute some JavaScript code when the user scrolls till the bottom of page, for example to display another content, making an infinite scroll.
Here is the function, named whenScrlBottom(). It must be accessed by the "onscroll" event.
// function to detect when scroollbar reaches the bottom of page
var whenScrlBottom = function() {
  // https://coursesweb.net/javascript/
  var win_h = (self.innerHeight) ? self.innerHeight : document.body.clientHeight;    // gets window height

  // gets current vertical scrollbar position
  var scrl_pos = window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;

  // if scrollbar reaces to bottom
  if (document.body.scrollHeight <= (scrl_pos + win_h)) {
    alert('Bottom');
  }
}

// register event on scrollbar
window.onscroll = whenScrlBottom;

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds an image in web page?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which of these CSS codes displays the text oblique?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Click on the jQuery function used to hide with animation a HTML element.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Click on the correctly defined function in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
Detect when ScrollBar reaches the bottom of the page

Last accessed pages

  1. Get and Modify content of an Iframe (16969)
  2. addChild and removeChild (5142)
  3. CSS Course - Free lessons (9095)
  4. Bind Tool and Control Points (3018)
  5. html2canvas - Save page screenshoot on server (1332)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2327)
  2. Contact page - CoursesWeb (2236)
  3. Tabs effect with CSS (2234)
  4. Insert, Select and Update NULL value in MySQL (993)
  5. PHP getElementById and getElementsByTagName (899)