使用大标题时 iOS 11 滚动到顶部无法正常工作

Question

当使用大标题并点击状态栏以滚动到UIScrollView 或UITableView 的顶部（可能还有UICollectionView，尚未对此进行测试）时，它总是有点过头了。

我在TableView 上启用了刷新，当点击状态栏时，它会显示为这样并保持这种状态，直到我点击屏幕。

我在另一个ViewController 中有一个ScrollView，如果我点击那里的状态栏，它也会滚动有点太远，使导航栏太高。当我点击某处或滚动一点点时，这也会恢复正常。

正常：

点击状态栏后：

这也只会在我激活大标题时发生，使用普通标题一切正常。

任何想法如何解决这个问题？

如何重新创建：

1. 创建一个新项目，其中包含一个导航控制器和一个 UIViewController，其中包含一个 TableView。
2. 将导航控制器设置为首选大标题。关闭半透明。在UIViewController 上设置标题
3. 在TableView 上设置约束以固定到ViewController 的边缘
4. 在ViewController 中为TableView 创建出口
5. 实现委托并设置行数，例如 100
6. 启动应用程序
7. 向下滚动，使大标题变为普通标题
8. 点击状态栏，tableView 滚动到顶部

现在标题不在应有的位置，如果您现在向上或向下滚动一点点，它会迅速回到正常位置。

ViewController代码：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.delegate = self
        tableView.dataSource = self
    }

}

extension ViewController: UITableViewDelegate, UITableViewDataSource {
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 100
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "TestCell", for: indexPath)

        return cell
    }

}

Answer 1

好的，所以我找到了问题发生的原因，但不知道如何在那个确切的情况下解决它。

如果您使用大标题和导航栏半透明设置为关闭的 UITableViewController，则会出现问题。 当您重新打开半透明时，问题就消失了。

如果您在普通 UIViewController 中使用 TableView，问题总是会发生。

编辑

事实证明，如果您使用的是半透明导航栏，设置“extendedLayoutIncludesOpaqueBars = true”可以解决问题！

类似问题：UIRefreshControl() in iOS 11 Glitchy effect

Answer 2

我遇到了同样的问题。我在 UINavigationController 中嵌入了 UIViewController 中的 collectionview。 Collectionview 对安全区域有前导、尾随、顶部、底部约束。

要解决此问题，您需要：

1. 将collectionview的top约束改为supervises（非安全区域）
2. 在 viewDidLoad 方法中设置 extendedLayoutIncludesOpaqueBars = true

Answer 3

经过数小时的测试，我找到了一个适用于 UIViewController 的解决方案。

在带有 UITableView 的 UIViewController 中，你应该：

• 在 viewDidLoad 中设置extendedLayoutIncludesOpaqueBars = true
• 在故事板中将 tableView 顶部约束到 superview 顶部，常量 = 0（当导航栏为半透明时，tableView 将位于导航栏和状态栏下）

之后，如果你点击状态栏，tableview 会停在正确的位置。

Answer 4

在你的 ViewController 中声明一个 Bool 类型的 var didBeginScrollToTop。 将控制器分配为滚动视图的委托。那么

func scrollViewShouldScrollToTop(_ scrollView: UIScrollView) -> Bool {
    didBeginScrollToTop = true
    return true
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    guard didBeginScrollToTop, scrollToTopGestureTargetView?.contentOffset.y ?? 0 < -25 else { return }

    scrollToTopGestureTargetView?.setContentOffset(.zero, animated: true)
}

func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
    didBeginScrollToTop = false
}

这样做是在弹跳时调整您的内容偏移量。该标志用于捕捉 scrollToTop 手势并在滚动时重置。您也可以在设置 .zero 偏移后将其设置为关闭。如果你有子 VC 的实现，在覆盖这 3 个委托方法时不要忘记调用 super。 现在我的第一个方法是跟踪内容offSet 何时

请注意，您可能还需要处理：Strange velocity prefers large title

Answer 5

我已经修复它，在滚动到顶部后将 contentOffset 设置为 0。

func scrollViewShouldScrollToTop(_ scrollView: UIScrollView) -> Bool {
    return true
}

func scrollViewDidScrollToTop(_ scrollView: UIScrollView) {
    scrollView.contentOffset.y = 0.0
}