Skip to content

Instantly share code, notes, and snippets.

@Arifursdev

Arifursdev/getVisiblePercentageOfElement.js

Created April 30, 2023 11:21
Show Gist options
  • Save Arifursdev/4f38c9813561e6d638ae5caca642d1c4 to your computer and use it in GitHub Desktop.
Save Arifursdev/4f38c9813561e6d638ae5caca642d1c4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
getVisiblePercentageOfElement.js
function getVisiblePercentage(element) {
const rect = element.getBoundingClientRect();
const windowHeight = window.innerHeight || document.documentElement.clientHeight;
const visibleHeight = Math.min(rect.bottom, windowHeight) - Math.max(rect.top, 0);
const percentage = visibleHeight / rect.height * 100;
return percentage;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment