Unity：ScrollRect内容溢出时如何实现平滑滚动到底部？

我在Unity中使用ScrollRect组件，当内容长度超过可视区域（ScrollBar的value不为0）时，希望通过补间ScrollBar的value至0实现平滑滚动到底部，但当前代码会导致滚动瞬间跳转，无法实现过渡效果。

原代码片段 #

public void Update() {
    if (scrollbar.size < 1 || scrollbar.value > 0) {
        LeanTween.value(scrollbar.value, 0, duration).setOnUpdate((float val) => {

            if (scrollbar.value == 0) {
                LeanTween.cancel(this.gameObject);

            } else {
                scrollbar.value = val / scrollAdjustment;
            }

        });

    }
}

当前问题效果：滚动瞬间跳至底部，无平滑过渡；手动滚动效果：通过Rewired拦截鼠标滚轮输入，每次调整scrollbar.value ±0.01f*scrollSpeed，滚动平滑正常。

相关设置：

• ScrollRect：Movement Type为Clamped，启用Vertical Scrollbar
• ScrollBar：Direction为Bottom to Top

问题根源 #

1. Update循环重复创建动画：每帧都调用LeanTween.value，导致同时运行大量补间动画，直接把value拉到目标值，完全失去平滑过渡效果。
2. 错误的数值处理：val / scrollAdjustment会把插值后的数值大幅缩小，导致scrollbar.value瞬间变为接近0的数值，表现为跳转。
3. 条件判断逻辑错误：使用||会导致只要内容超出可视区域（scrollbar.size < 1）就一直触发动画，哪怕已经滚到底部。

修正方案 #

方案1：用LeanTween实现一次性平滑滚动 #

将动画触发逻辑从Update中移出，改为一次性触发，避免重复创建动画：

// 标记是否正在执行滚动动画，防止重复触发
private bool isScrolling = false;
public float scrollDuration = 1f; // 滚动时长，按需调整

// 调用此方法触发平滑滚动到底部
public void SmoothScrollToBottom()
{
    // 仅当内容超出可视区域、未在底部、且未在滚动状态时触发
    if (scrollbar.size < 1f && scrollbar.value > 0f && !isScrolling)
    {
        isScrolling = true;
        LeanTween.value(gameObject, scrollbar.value, 0f, scrollDuration)
            .setOnUpdate((float val) => {
                scrollbar.value = val;
            })
            .setOnComplete(() => {
                isScrolling = false;
            });
    }
}

// 示例：在内容添加完成后调用，或通过按键触发
public void Update()
{
    if (Input.GetKeyDown(KeyCode.Space))
    {
        SmoothScrollToBottom();
    }
}

方案2：用Unity协程实现（无需第三方插件） #

如果不想依赖LeanTween，可使用Unity自带的协程实现平滑插值：

public IEnumerator ScrollToBottomCoroutine(float duration)
{
    // 内容未超出或已在底部时直接退出
    if (scrollbar.size >= 1f || scrollbar.value <= 0f) yield break;

    float startValue = scrollbar.value;
    float elapsedTime = 0f;

    while (elapsedTime < duration)
    {
        elapsedTime += Time.deltaTime;
        // 线性插值滚动值
        scrollbar.value = Mathf.Lerp(startValue, 0f, elapsedTime / duration);
        yield return null;
    }
    // 确保最终停在底部
    scrollbar.value = 0f;
}

// 调用方式
// StartCoroutine(ScrollToBottomCoroutine(1f));

额外注意事项 #

• 确认ScrollBar的方向：若你的ScrollBar是Top to Bottom方向，需要将目标值改为1f而非0f。
• 保持ScrollRect的Movement Type为Clamped，避免滚动超出边界。
• 建议在内容添加完成后手动调用滚动方法，而非在Update中轮询，减少性能消耗并避免逻辑冲突。

内容的提问来源于stack exchange，提问作者The Embraced One