Detect when ScrollBar reaches the bottom of the page

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;

<<-Get the Height and .. -- Add Tag to Selected ..->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag is used to add definition lists into a <dl> element?

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

Last accessed pages

PHP getElementById and getElementsByTagName ^(20493)
Uploading images to server with Ajax ⁽⁵³⁴²⁾
Insert, Select and Update NULL value in MySQL ^(28057)
PHP-MySQL free course, online tutorials PHP MySQL code ^(46887)
Read Excel file data in PHP - PhpExcelReader ^(59175)

Popular pages this month

Read Excel file data in PHP - PhpExcelReader ⁽⁷⁰³⁾
PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files ⁽⁶⁰²⁾
Insert, Select and Update NULL value in MySQL ⁽⁴⁵³⁾
Get Attribute (ID, Class, Name, Title, Src) with jQuery ⁽⁴⁰⁶⁾
PHP getElementById and getElementsByTagName ⁽⁴⁰⁵⁾