Hauteur dynamique
Synchronise la hauteur de la cible avec la hauteur de la viewport et du contenu dans un layout basé sur le défilement de la fenêtre.
Rôle
FlexLayoutDynamicHeightest conçu pour le contenu dynamique sans hauteur spécifiée. La hauteurde l'élément cible et minHauteursynchroniser avec la hauteur réelle du contenu et la hauteur minimale de la fenêtre de visualisation du navigateur. fenêtre Aide à calculer de manière stable la hauteur de défilement.
synchronisation de la hauteur du corps
Dans ce cas, targetRefsi vous ne transmettez pas, corpsl'élément parent de l'ancre devient la cible.
synchronisation de la cible spécifique
targetRefSi vous transmettez, cela synchronisera la hauteur de cet élément plutôt que celle du parent. Cela peut être utilisé pour stabiliser la hauteur de défilement dans des contenus dynamiques où la hauteur n'est pas spécifiée (auto), comme les shells utilisant le défilement de la fenêtre, les racines de portail, ou des zones de documents séparées.
méthode de mesure
Lors de la mesure, la hauteur de la cible est temporairement autodécompressée, scrollHeight, en tenant compte de la hauteur de la fenêtre de visualisation, du rembourrage, de la bordure et de la marge inférieure du dernier enfant pour calculer le suivant.hauteurde l'élément cible et minHauteurCela sera mesuré à nouveau lors des modifications du DOM, du redimensionnement, du redimensionnement/défilement de visualViewport, ou à la fin du chargement des polices.
hauteurde l'élément cible et minHauteurSi vous avez déjà du code qui contrôle directement le même style, ne l'appliquez pas simultanément à la même cible.props
extraHeight
계산된 height에 추가로 더할 값입니다. 기본값은 0입니다.
extraHeightUnit
extraHeight의 단위입니다. px 또는 %를 사용할 수 있으며 기본값은 px입니다.
targetRef
height/minHeight를 동기화할 target element ref입니다. 생략하면 anchor의 parent element를 사용합니다.