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
Click on the HTML tag which creates an horizontal line in web page.
<br /> <em> <hr />Some content ...
<hr />
Content under line ...
Which CSS property defines the text color?
font-style font-variant colorh2 {
color: #cbdafb;
}
Click on the function which searches if a character, or text exists in a string.
indexOf() toString() split()var str = "Web courses - http://CoursesWeb.net/";
if(str.indexOf("http://") == -1) alert("http:// isn`t in string");
else alert("http:// is in string");
Which function splits a string into an array of strings based on a separator?
array_merge() explode() implode()$str = "apple,banana,melon,pear";
$arr = explode(",", $str);
var_export($arr); // array (0=>"apple", 1=>"banana", 2=>"melon", 3=>"pear")