30-seconds-of-code/snippets/bottomVisible.md

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
Check if bottom of page is visible	browser	beginner	blog_images/red-mountain.jpg	2017-12-17T17:55:51+02:00	2020-10-22T20:23:47+03:00

Checks if the bottom of the page is visible.

• Use Window.scrollY, Element.scrollHeight and Element.clientHeight to determine if the bottom of the page is visible.

const bottomVisible = () =>
  document.documentElement.clientHeight + window.scrollY >=
  (document.documentElement.scrollHeight ||
    document.documentElement.clientHeight);

bottomVisible(); // true