Mis Documentos

Barra lateral de múltiples raíces

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

Altura Dinámica

Sincroniza la altura del objetivo con la altura del viewport y del contenido en un layout basado en scroll de ventana.


Rol

FlexLayoutDynamicHeightfue diseñado para contenido dinámico sin altura especificada. La alturadel elemento objetivo y altura mínimasincroniza la altura real del contenido con la altura mínima del viewport. ventana Ayuda a calcular de manera estable la altura de desplazamiento.

sincronización de altura del cuerpo

En este caso, targetRefsi no se pasa, cuerpoel elemento padre del ancla será el objetivo.

tsx
sincronización de objetivo específico

targetRefSi se pasa, sincroniza la altura del elemento en lugar del padre. Se puede usar en elementos donde se necesita estabilizar la altura de desplazamiento en contenido dinámico de altura no especificada (auto) como shell, raíz de portal, o áreas de documento separadas.

tsx
Método de medición

Durante la medición, la altura del objetivo se libera temporalmente. autoy, scrollHeight, refleja la altura del viewport, el padding, el borde y el margen inferior del último hijo para calcular la siguiente.alturadel elemento objetivo y altura mínimaSe mide nuevamente en cambios de DOM, redimensionamiento, redimensionamiento/desplazamiento de visualViewport, y finalización de carga de fuentes.

props

extraHeight

계산된 height에 추가로 더할 값입니다. 기본값은 0입니다.

extraHeightUnit

extraHeight의 단위입니다. px 또는 %를 사용할 수 있으며 기본값은 px입니다.

targetRef

height/minHeight를 동기화할 target element ref입니다. 생략하면 anchor의 parent element를 사용합니다.

© 2026 Byeolnaerim. Todos los derechos reservados.IntroducciónPolítica de privacidad