JavaScript & CSS viewport
JavaScript Library To Detects If Elements Are In View – enter-view.js
enter-view.js is a pure JavaScript library that for the detection of HTML elements within the browser viewport.
Set The Element Height To The Interior Height Of The Window – true-height.js
A super tiny JavaScript library that makes use of the Window.innerHeight API to set the height of your element to the true height of the browser.
Is In Viewport Detection With IntersectionObserver API
A tiny example that shows how to detect if an element is in the viewport using the Intersection Observer API.
Advanced Is In Viewport Checker Library – wiscroll
wiscroll is a tiny yet powerful ‘Is In Viewport’ checker that detects if an element enters or exits the viewport and triggers certain actions based on the scroll position.
Toggle CSS Class On Scroll – ClassToggler
A small JavaScript library that toggles CSS classes of an element when it is scrolled into or out of the viewport.
Advanced Visible State Detection – visibilityEvents.js
visibilityEvents.js is an advanced ‘is in viewport’ detection library to determine whether a part or all or the entire element is within the viewport.
Element Visibility Detector JavaScript Library – ViewportDetector.js
ViewportDetector.js is a lightweight and convenient JavaScript library to detect if an element is inside the viewport and allows you to do some stuff as the element becomes visible on scroll.
Tiny JavaScript Library For Checking If An Elements Is In Viewport – hunt.js
hunt.js is a lightweight yet robust JavaScript library used for the detection of HTML elements within the browser viewport.
Detect If An Element Is Visible – nowUseeMe
nowUseeMe is a Vanilla JavaScript solution to detect if an element is visible within the browser viewport. Also supports window scroll events.