我的文档库

多根目录侧边栏

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

动态高度

在基于窗口滚动的布局中,将目标的高度与视口和内容高度同步。


角色

FlexLayoutDynamicHeight为未指定高度的动态内容而设计。目标元素的 高度 最小高度将实际内容高度与视口的最小高度同步,帮助浏览器的 窗口 滚动高度稳定计算。

body高度同步

在此案例中, targetRef如果不传递,将以锚点的父元素为 body目标。

tsx
特定目标同步

targetRef如果传递,将同步该元素的高度,而不是父元素的高度。可以用于使用窗口滚动的 shell、portal root、未指定高度(自动)的动态高度内容中,以稳定滚动高度的元素。

tsx
测量方式

测量时暂时释放目标的高度 自动 scrollHeight反映视口高度、内边距、边框和最后一个子元素的底部边距,计算下一个高度 最小高度。在 DOM 更改、调整大小、视觉视口调整大小/滚动、字体加载完成时重新测量。

属性

extraHeight

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

extraHeightUnit

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

targetRef

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

© 2026 Byeolnaerim. 保留所有权利.介绍隐私政策