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 is used to add definition lists into a <dl> element?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Language for web pages</dd>
</dl>
Which CSS property can hide an element on page, letting an empty space in its place?
display position visibility
#id {
  visibility: hidden;
}
Click on the event which is triggered when the mouse clicks on an object.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://CoursesWeb.net/");
}
Indicate the PHP variable that contains the contents of both $_GET, $_POST, and $_COOKIE arrays.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Detect when ScrollBar reaches the bottom of the page

Last accessed pages

  1. PHP getElementById and getElementsByTagName (20493)
  2. Uploading images to server with Ajax (5342)
  3. Insert, Select and Update NULL value in MySQL (28057)
  4. PHP-MySQL free course, online tutorials PHP MySQL code (46887)
  5. Read Excel file data in PHP - PhpExcelReader (59175)

Popular pages this month

  1. Read Excel file data in PHP - PhpExcelReader (703)
  2. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (602)
  3. Insert, Select and Update NULL value in MySQL (453)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (406)
  5. PHP getElementById and getElementsByTagName (405)