溢出 (Overflow)

控制内容超出容器尺寸时的行为。

overflow 属性指定当内容大于容器盒子时发生的情况。

取值

Taffy 根据这些值计算尺寸、自动最小尺寸和溢出范围；实际的裁剪、滚动交互与绘制由渲染器实现。

滚动条尺寸

在 Taffy 中，Overflow.Scroll 通常用于表示节点可以滚动。Taffy 会计算 scrollbarSize，你可以从布局输出中读取它。

const tree = new TaffyTree();
const style = new Style({
  overflow: { x: Overflow.Scroll, y: Overflow.Scroll },
  scrollbarWidth: 15, // 用于设置预估滚动条尺寸的辅助选项
});

// 布局计算后：
const node = tree.newLeaf(style);
tree.computeLayout(node, { width: 100, height: 100 });
const layout = tree.getLayout(node);
console.log(
  `Scrollbar Size: ${layout.scrollbarWidth} x ${layout.scrollbarHeight}`,
);

示例

后续步骤

• 核心概念
• 尺寸 (Size)