Unity UGUI图文动态高度垂直ScrollView配置异常排查

你碰到的无限滚动、松手回弹到顶、内容高度计算错误，核心原因就是布局组件嵌套冗余、组件挂载节点搞错了，之前你跑通的动态列表逻辑本身没问题，多套了一层InnerPanel把整个布局计算链搞断了，按下面的配置一步来，不用瞎试各种组件组合。 #

正确层级结构 #

不要额外加InnerPanel这类嵌套容器，所有滚动内容直接放在Content节点下，层级如下：

- Canvas
  - OuterPanel（可选，仅用来划定整个滚动模块的显示范围，只保留RectTransform即可，不要加布局组件）
    - ScrollView（直接通过Hierarchy右键UI>Scroll View创建，不要乱改默认子节点结构）
      - Viewport（默认带Mask组件，不要加任何布局、尺寸适配类组件）
        - Content（唯一挂载布局组件的内容根节点）
          - 顶部头图
          - 正文文本

各节点参数配置 #

ScrollView 节点 #

• 取消Horizontal勾选，仅保留垂直滚动能力
• Movement Type按需选：不需要边缘弹性选Clamped，要拖拽到边缘有回弹效果选Elastic，需要无限制拖拽选Unrestricted

  注意：Elastic模式下只有拖拽超出内容边界才会回弹，如果松手直接弹回页面最顶部，100%是Content节点高度计算结果为0，不是弹性模式的问题

• 检查ScrollRect组件上的Content、Viewport引用槽，分别拖入对应子节点，不要留空或者拖错物体

Content 节点 #

这是整个滚动逻辑最核心的节点，之前的问题基本都是这个节点配置错了：

1. 挂载Vertical Layout Group组件
   • Child Alignment 设为 Upper Center
   • Padding填你需要的内容边距，Spacing填头图和正文的间距
   • 勾选Control Child Size的Width选项，取消Height勾选
   • 勾选Child Force Expand的Width选项，取消Height勾选
     这套参数会让所有子元素自动撑满Content的宽度，高度完全由子元素自身决定，不会被布局强制压缩。
2. 挂载Content Size Fitter组件
   • Horizontal Fit 选 Unconstrained
   • Vertical Fit 选 Preferred Size
     开了这个设置后，Content的高度会自动统计所有子元素的总高度，不需要你手动拖拽调整，也不会出现高度为0导致的回弹问题。

子元素（头图、正文文本）配置 #

这两个节点不要挂任何Layout Group、Content Size Fitter组件，只需要挂LayoutElement给上层布局传递自身尺寸即可：

• 顶部头图：在LayoutElement里勾选Preferred Width、Preferred Height，填入你需要的图片显示尺寸即可
• 动态正文文本：
  • 文本组件的垂直溢出模式设为Overflow，锚点设为水平拉伸
  • 在LayoutElement里勾选Preferred Height，文本组件会自动计算换行后的总高度，同步给上层布局系统
  • 不要手动拖拽文本高度，不要给文本单独挂Content Size Fitter，否则会和上层的VerticalLayoutGroup产生计算冲突，导致高度异常

常见坑排查 #

• 布局类组件（VerticalLayoutGroup、ContentSizeFitter）只需要挂在Content节点上，不要在Viewport、子节点、外层Panel上重复挂载，嵌套布局会导致每帧互相驱动尺寸，出现内容高度无限增长、计算错误的问题
• 如果你因为业务需要必须保留InnerPanel层（比如要给整块内容加统一背景），那InnerPanel上只需要挂LayoutElement，不要挂任何布局组、尺寸适配组件，Content节点的布局系统会自动读取InnerPanel的尺寸计算滚动范围
• 搭完配置可以先做最简验证：不放动态加载内容，手动放一张固定高度的图、几行测试文本，运行时看Content节点的RectTransform高度是不是等于「上下边距+图片高度+图文间距+文本高度」，数值对的话滚动逻辑就正常，不会出现越界、回弹问题
• 之前你手动拖完所有控件高度还是回弹，基本是ScrollRect组件上的Content引用拖错成了InnerPanel，ScrollRect只会读取绑定的Content节点高度作为可滚动范围，绑错节点的话读到的高度是0，自然怎么拖都会弹回顶部

内容的提问来源于stack exchange，提问作者Leeroy