GetSpaceParent

Función que calcula el espacio entre un elemento y su primer contenedor padre con overflow configurado (hidden, scroll, o auto) o hasta el body.

Importación

Para importar el componente GetSpaceParent, se puede hacer desde fenextjs

import { GetSpaceParent } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
element	HTMLElement	sí		Elemento HTML para el cual se calcularán los espacios relativos a su contenedor padre.

Returns

Parametro	Tipo	Descripcion
spaces	{ spaceTop: number; spaceLeft: number; spaceRight: number; spaceBottom: number; }	Objeto que contiene las distancias (en píxeles) entre el elemento y los bordes superior, izquierdo, derecho y inferior de su contenedor padre.

Usos

Calcular espacios de un elemento dentro de su contenedor padre

const spaces = GetSpaceParent(document.getElementById("myElement"));
console.log(
  spaces.spaceTop,
  spaces.spaceLeft,
  spaces.spaceRight,
  spaces.spaceBottom,
);

Img Address