Dynamische Höhe
Synchronisiert die Höhe des Ziels in einem layout, das auf dem Fenster-Scroll basiert, mit der Höhe des Viewports und des Inhalts.
Rolle
FlexLayoutDynamicHeightist für dynamische Inhalte ohne festgelegte Höhe konzipiert. Das Ziel-Element's Höheund minHeightSynchronisieren Sie die tatsächliche Inhaltshöhe mit der minimalen Höhe des Viewports, um die Fenster Scrollhöhe im Browser stabil zu berechnen.
Synchronisierung der Körperhöhe
In diesem Fall, targetRefWenn Sie nicht übergeben, wird das übergeordnete Element des Ankers Körperdas Ziel.
Spezifische Ziel-Synchronisierung
targetRefWenn Sie übergeben, wird die Höhe des entsprechenden Elements und nicht des übergeordneten Elements synchronisiert. Es kann für Elemente verwendet werden, die die Scrollhöhe stabilisieren müssen, wie Shells, Portalwurzeln oder separate Dokumentbereiche mit dynamischen Höheninhalten, bei denen die Höhe nicht festgelegt ist (auto).
Messmethode
Bei der Messung wird die Höhe des Ziels kurzzeitig autofreigegeben, scrollHeight, die Höhe des Viewports, Padding, Border und den unteren Rand des letzten Kindes werden berücksichtigt, um die nächsteHöheund minHeightzu berechnen. Bei DOM-Änderungen, Größenänderungen, Resize/Scroll des visuellen Viewports und Abschluss des Font-Loadings wird erneut gemessen.
Höheund minHeightdes Ziel-Elements. Wenn bereits Code vorhanden ist, der denselben Stil direkt steuert, wenden Sie ihn nicht gleichzeitig auf dasselbe Ziel an.Props
extraHeight
계산된 height에 추가로 더할 값입니다. 기본값은 0입니다.
extraHeightUnit
extraHeight의 단위입니다. px 또는 %를 사용할 수 있으며 기본값은 px입니다.
targetRef
height/minHeight를 동기화할 target element ref입니다. 생략하면 anchor의 parent element를 사용합니다.