Skip to content

Instantly share code, notes, and snippets.

View uolpatrickward's full-sized avatar

uolpatrickward

View GitHub Profile
@rijkvanzanten
rijkvanzanten / percentage-in-view.js
Last active December 8, 2023 18:32
Get how much percentage an element is in view in plain JavaScript
function getViewPercentage(element) {
const viewport = {
top: window.pageYOffset,
bottom: window.pageYOffset + window.innerHeight
};
const elementBoundingRect = element.getBoundingClientRect();
const elementPos = {
top: elementBoundingRect.y + window.pageYOffset,
bottom: elementBoundingRect.y + elementBoundingRect.height + window.pageYOffset