JavaScript: Return true if the bottom of the page is visible, false otherwise
JavaScript fundamental (ES6 Syntax): Exercise-261 with Solution
Write a JavaScript program that returns true if the page bottom is visible, false otherwise.
- Use scrollY, scrollHeight and clientHeight to determine if the bottom of the page is visible.
Sample Solution:
JavaScript Code:
//#Source https://bit.ly/2neWfJ2
const bottomVisible = () =>
document.documentElement.clientHeight + window.scrollY >=
(document.documentElement.scrollHeight || document.documentElement.clientHeight);
console.log(bottomVisible());
Sample Output:
true
Flowchart:

Live Demo:
See the Pen javascript-basic-exercise-261-1 by w3resource (@w3resource) on CodePen.
Improve this sample solution and post your code through Disqus
Previous: Write a JavaScript program to evaluate the binomial coefficient of two integers n and k.
Next: Write a JavaScript program to create a base-64 encoded ASCII string from a String object in which each character in the string is treated as a byte of binary data.
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
- Weekly Trends
- Python Interview Questions and Answers: Comprehensive Guide
- Scala Exercises, Practice, Solution
- Kotlin Exercises practice with solution
- MongoDB Exercises, Practice, Solution
- SQL Exercises, Practice, Solution - JOINS
- Java Basic Programming Exercises
- SQL Subqueries
- Adventureworks Database Exercises
- C# Sharp Basic Exercises
- SQL COUNT() with distinct
- JavaScript String Exercises
- JavaScript HTML Form Validation
- Java Collection Exercises
- SQL COUNT() function
- SQL Inner Join