动态高度
在基于窗口滚动的布局中,将目标的高度与视口和内容高度同步。
角色
FlexLayoutDynamicHeight为未指定高度的动态内容而设计。目标元素的 高度和 最小高度将实际内容高度与视口的最小高度同步,帮助浏览器的 窗口 滚动高度稳定计算。
body高度同步
在此案例中, targetRef如果不传递,将以锚点的父元素为 body目标。
特定目标同步
targetRef如果传递,将同步该元素的高度,而不是父元素的高度。可以用于使用窗口滚动的 shell、portal root、未指定高度(自动)的动态高度内容中,以稳定滚动高度的元素。
测量方式
测量时暂时释放目标的高度 自动, scrollHeight反映视口高度、内边距、边框和最后一个子元素的底部边距,计算下一个高度和 最小高度。在 DOM 更改、调整大小、视觉视口调整大小/滚动、字体加载完成时重新测量。
属性
extraHeight
계산된 height에 추가로 더할 값입니다. 기본값은 0입니다.
extraHeightUnit
extraHeight의 단위입니다. px 또는 %를 사용할 수 있으며 기본값은 px입니다.
targetRef
height/minHeight를 동기화할 target element ref입니다. 생략하면 anchor의 parent element를 사용합니다.