@helcor/window-sizes
Browser window dimensions and sizes manipulation.
getElementHeight
Get an HTMLElement content height or a provided window body content height
in pixels.
API
import { getElementHeight } from '@helcor/window-sizes';
getElementHeight(element: HTMLElement | Window): numberExamples
// Get the window body content height.
const height = getElementHeight(window);
// Get an element content height.
const element = document.querySelector('#element-id');
const height = getElementHeight(element);
getViewportSize
Get the browser viewport width and height in pixels.
API
import { getViewportSize } from '@helcor/window-sizes';
getViewportSize(
{ wMin, wMax, hMin, hMax }: { wMin: number, wMax: number, hMin: number, hMax: number } = {},
defaultSize: { width: number, height: number }
): { width: number, height: number }Example
// Get the raw browser viewport.
const { width, height } = getViewportSize();
// Get the raw browser viewport with minimum of 800x600 pixels.
const { width, height } = getViewportSize({ wMin: 800, hMin: 600 });