Swift中嵌套UIScrollView问题：横向滚动正常但无法纵向滚动

我来帮你搞定这个问题！你的UIScrollView现在只能左右滚动、没法向下滚，核心原因要么是contentSize设置不对，要么是滚动事件被TableView拦截了，下面是具体的解决步骤：

1. 先搞定最关键的contentSize设置 #

UIScrollView能滚动的前提是它的contentSize（内容区域大小）必须大于自身的frame尺寸。你现在只设置了scrollView.frame = view.frame，但没给contentSize赋值，纵向的内容高度和scrollView本身高度一致，自然没法向下滚。

举个例子，如果你的图片是垂直排列的，代码可以这么改：

override func viewDidLoad() {
    super.viewDidLoad()
    
    scrollView.frame = view.frame
    // 假设每张图高300，图间距20，计算总内容高度
    let totalContentHeight = CGFloat(imageArray.count) * 300 + CGFloat(imageArray.count - 1) * 20
    // 设置contentSize，宽度和scrollView一致，高度设为总内容高度
    scrollView.contentSize = CGSize(width: view.frame.width, height: totalContentHeight)
    
    // 把图片逐个添加到scrollView里，设置好位置
    for (index, image) in imageArray.enumerated() {
        let imageView = UIImageView(image: image)
        imageView.frame = CGRect(
            x: 0,
            y: CGFloat(index) * (300 + 20),
            width: view.frame.width,
            height: 300
        )
        scrollView.addSubview(imageView)
    }
}

如果想同时支持左右+上下滚动，只要把contentSize的宽度也设成大于scrollView的宽度就行。

2. 检查UIScrollView和TableView的层级关系 #

你提到TableView的单元格能滚动，说明你的UIScrollView大概率是放在TableView的cell里面了——这时候TableView会优先拦截纵向滚动事件，导致UIScrollView接不到滚动指令。解决方法有两个：

• 直接禁用TableView的滚动：tableView.isScrollEnabled = false，这样滚动事件就会传递给UIScrollView；
• 调整布局，把UIScrollView从TableView cell里挪出来，作为独立的滚动容器放在视图最外层。

3. 确认UIScrollView的滚动开关是打开的 #

虽然默认是开启的，但有时候可能不小心被关掉了，加一行代码确认下：

scrollView.isScrollEnabled = true

4. 如果用Auto Layout，注意约束设置 #

要是你没直接用frame而是用Auto Layout，得确保scrollView的约束正确，并且子视图能自动撑开contentSize：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先给scrollView加约束，固定在父视图里
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        scrollView.topAnchor.constraint(equalTo: view.topAnchor),
        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
    ])
    
    var lastImageView: UIImageView?
    for (index, image) in imageArray.enumerated() {
        let imageView = UIImageView(image: image)
        imageView.translatesAutoresizingMaskIntoConstraints = false
        scrollView.addSubview(imageView)
        
        // 给每个imageView加约束
        NSLayoutConstraint.activate([
            imageView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
            imageView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor),
            imageView.heightAnchor.constraint(equalToConstant: 300),
            imageView.widthAnchor.constraint(equalTo: scrollView.frameLayoutGuide.widthAnchor)
        ])
        
        // 处理上下间距
        if let lastView = lastImageView {
            imageView.topAnchor.constraint(equalTo: lastView.bottomAnchor, constant: 20).isActive = true
        } else {
            imageView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor).isActive = true
        }
        lastImageView = imageView
    }
    
    // 最后用最后一个imageView的底部约束撑开contentSize的高度
    if let lastView = lastImageView {
        lastView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor).isActive = true
    }
}

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