UITableView滚动到指定cell附近时动画拆分，如何合并为流畅单动画？

嘿，这个问题我之前也踩过坑——两次拆分的滚动动画确实会让整个过程显得生硬，尤其是视觉上的卡顿感特别影响体验。其实我们完全可以通过直接计算目标滚动位置，一次性完成滚动动画来解决，不需要拆分两步。下面给你两种亲测好用的方案：

方案一：直接计算目标contentOffset（推荐） #

这个方法的核心是跳过“先滚动到cell”这一步，直接算出你想要的最终滚动位置，然后让tableView一次到位。不管目标cell是否已经在屏幕上，都能精准计算。

代码示例（Swift） #

func scrollToTargetPosition(for indexPath: IndexPath, offsetFromCellTop: CGFloat) {
    // 获取目标cell在tableView中的位置（即使cell未加载也能拿到正确坐标）
    let cellRect = tableView.rectForRow(at: indexPath)
    
    // 计算目标位置：cell顶部偏移指定距离后的y值，还要考虑tableView的contentInset
    var targetY = cellRect.minY - offsetFromCellTop - tableView.contentInset.top
    
    // 做边界检查，避免滚动超出tableView的可范围
    let maxScrollY = max(0, tableView.contentSize.height - tableView.bounds.height + tableView.contentInset.bottom)
    targetY = max(0, min(targetY, maxScrollY))
    
    // 一次性滚动到目标位置，动画流畅无拆分
    tableView.setContentOffset(CGPoint(x: 0, y: targetY), animated: true)
}

说明 #

• 如果你的目标位置是相对于cell底部，只需要把cellRect.minY换成cellRect.maxY，再调整偏移逻辑即可。
• 这个方法完全依赖tableView的数据源计算位置，不需要等待cell加载，所以不会有延迟。

方案二：自定义动画时长并处理完成回调 #

如果你需要自定义滚动动画的时长，或者要在动画完成后执行后续操作，可以用UIView.animate包裹滚动操作，把系统默认的动画替换成自定义的：

func scrollToTargetPosition(withCustomDuration indexPath: IndexPath, offsetFromCellTop: CGFloat) {
    let cellRect = tableView.rectForRow(at: indexPath)
    var targetY = cellRect.minY - offsetFromCellTop - tableView.contentInset.top
    let maxScrollY = max(0, tableView.contentSize.height - tableView.bounds.height + tableView.contentInset.bottom)
    targetY = max(0, min(targetY, maxScrollY))
    let targetOffset = CGPoint(x: 0, y: targetY)
    
    // 自定义动画时长，完成后执行后续操作
    UIView.animate(withDuration: 0.4, animations: {
        self.tableView.setContentOffset(targetOffset, animated: false)
    }, completion: { [weak self] finished in
        guard finished else { return }
        // 这里放动画完成后要执行的代码
        print("滚动完成，开始后续操作")
    })
}

为什么之前的两次动画会卡顿？ #

之前拆分两次动画的问题在于，第一次滚动的动画还没结束，第二次就触发了，系统会中断前一个动画，导致视觉上的跳跃。而上面的方案是直接告诉tableView最终要到哪里，系统会生成一个连贯的动画路径，自然就流畅了。

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