Check if bottom of page is visible

OSCC · JavaScript, Browser · Oct 22, 2020

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

Recommended snippets

• Element is visible in viewport

  JavaScript, Browser

  Checks if the element specified is visible in the viewport.

• Check if browser tab is focused

  JavaScript, Browser

  Checks if the browser tab of the page is focused.

• Redirect to HTTPS

  JavaScript, Browser

  Redirects the page to HTTPS if it's currently in HTTP.