SwiftUI中如何仅对特定视图禁用ScrollView顶部回弹效果

你之前用的全局UIScrollView.appearance().bounces = false方案会污染全局配置，影响App内所有滚动视图，下面是两种可局部生效的实现，不会改动其他页面的滚动行为：

方案1：iOS 16+ 原生实现 #

如果你的项目最低支持iOS16，苹果已经提供了原生的回弹控制修饰符，直接挂载到目标ScrollView即可。如果需要完全禁用当前滚动视图的所有回弹：

ScrollView(.vertical) {
    // 滚动内容
}
// 仅当内容超出视图尺寸时才启用回弹，内容不够长时不会触发回弹
.scrollBounceBehavior(.basedOnSize, axes: .vertical)

原生修饰符暂时不支持单独控制某一侧的回弹行为，如果需要精准控制仅禁用顶部回弹、保留底部回弹，直接使用下面的低版本兼容方案即可。

方案2：iOS13+ 全版本兼容，支持仅禁用顶部回弹 #

核心思路是不修改全局外观配置，直接拿到当前ScrollView底层的UIScrollView实例，通过代理拦截滚动事件，仅在滚动到顶部区域时关闭回弹，其他位置保留默认效果，作用范围严格限定在当前ScrollView。

直接把下面的代码加到项目里：

import SwiftUI
import UIKit

extension View {
    /// 仅禁用当前ScrollView的顶部回弹效果
    func disableScrollTopBounce() -> some View {
        self.background(TopBounceDisabler())
    }
}

private struct TopBounceDisabler: UIViewRepresentable {
    func makeCoordinator() -> BounceCoordinator {
        BounceCoordinator()
    }
    
    func makeUIView(context: Context) -> UIView {
        let attachView = UIView()
        DispatchQueue.main.async {
            guard let targetScrollView = attachView.superviewScrollView() else { return }
            context.coordinator.weakScrollView = targetScrollView
            targetScrollView.delegate = context.coordinator
        }
        return attachView
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {}
}

private class BounceCoordinator: NSObject, UIScrollViewDelegate {
    weak var weakScrollView: UIScrollView?
    
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        // 滚动到顶部及以上区域时关闭回弹，其余位置开启
        scrollView.bounces = scrollView.contentOffset.y > 0
    }
}

private extension UIView {
    func superviewScrollView<T: UIScrollView>() -> T? {
        var currentSuper = self.superview
        while let superNode = currentSuper {
            if let scroll = superNode as? T {
                return scroll
            }
            currentSuper = superNode.superview
        }
        return nil
    }
}

使用时只需要把修饰符挂在ScrollView内部的内容根节点上即可，完全不会影响其他页面：

struct DemoPage: View {
    var body: some View {
        ScrollView(.vertical) {
            VStack(spacing: 20) {
                // 你的页面内容
            }
            .disableScrollTopBounce() // 仅当前ScrollView生效
        }
    }
}

补充：如果你只是需要给单个ScrollView完全关闭上下所有回弹，也可以用appearance(whenContainedInInstancesOf:)限定外观作用域，但记得在页面消失时把配置还原，避免残留影响其他页面，这个方案的稳定性不如上面直接获取实例修改的方案。

内容的提问来源于stack exchange，提问作者Vikash Kumar Chaubey