如何实现滚动时导航栏的动态显示及随TableView同步上下滚动

嘿，这个需求挺常见的，我来给你详细说说怎么实现，保证导航栏能和TableView的滚动完美同步：

核心思路 #

我们需要监听TableView的滚动事件，通过对比当前滚动偏移量和上一次的偏移量判断滚动方向，然后动态调整导航栏的位置——向上滚动时导航栏随之上滑隐藏，向下滚动时滑回显示。

具体实现步骤（Swift示例） #

• 首先在你的ViewController里定义一个变量，用来记录上一次的滚动偏移量：

  private var lastContentOffset: CGFloat = 0
  

• 接着遵守UIScrollViewDelegate协议（如果用的是UITableViewController，默认已经遵守了），实现scrollViewDidScroll方法：

  func scrollViewDidScroll(_ scrollView: UIScrollView) {
      // 获取当前滚动偏移量和导航栏高度
      let currentOffset = scrollView.contentOffset.y
      let navBarHeight = navigationController?.navigationBar.frame.height ?? 0
      
      // 判断滚动方向：向上滚还是向下滚
      let isScrollingUp = currentOffset > lastContentOffset
      let isScrollingDown = currentOffset < lastContentOffset
      
      // 计算导航栏的目标Y坐标
      var targetY = navigationController?.navigationBar.frame.origin.y ?? 0
      
      if isScrollingUp {
          // 向上滚动时，导航栏跟着上滑，Y值递减，但不能超过导航栏高度的负值（完全隐藏）
          targetY = max(targetY - (currentOffset - lastContentOffset), -navBarHeight)
      } else if isScrollingDown {
          // 向下滚动时，导航栏跟着下滑，Y值递增，但不能超过0（完全显示）
          targetY = min(targetY + (lastContentOffset - currentOffset), 0)
      }
      
      // 更新导航栏的位置
      if let navBar = navigationController?.navigationBar {
          navBar.frame = CGRect(x: navBar.frame.origin.x, y: targetY, width: navBar.frame.width, height: navBar.frame.height)
      }
      
      // 记录本次偏移量，供下次判断方向使用
      lastContentOffset = currentOffset
  }
  

注意事项 #

• 如果是UITableViewController，记得调整滚动视图的内边距设置，避免偏移计算出错：

  tableView.contentInsetAdjustmentBehavior = .never
  

• 要是用的是自定义导航栏，直接把代码里的navigationController?.navigationBar换成你的自定义导航栏实例就行，逻辑完全通用。
• 这个实现是实时同步滚动的，没有额外动画延迟，完全符合你“同步执行上下滚动操作”的需求。

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