Javascript Course

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() {
  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)) {

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

Daily Test with Code Example

Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
 <li><a href="" title="CSS Course">CSS Course</a></li>
 <li><a href="" title="Flash Games">Flash Games</a></li>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
Detect when ScrollBar reaches the bottom of the page

Last accessed pages

  1. DIV and SPAN (5331)
  2. Textarea with buttons to format text, colors and smiles (4295)
  3. html2canvas - Save page screenshoot on server (3052)
  4. Get Lower, Higher, and Closest Number (3840)
  5. OOP - Constants, Static Properties and Methods (6074)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (520)
  2. PHP Unzipper - Extract Zip, Rar Archives (423)
  3. SHA256 Encrypt hash in JavaScript (403)
  4. Read Excel file data in PHP - PhpExcelReader (360)
  5. Create simple Website with PHP (332)