iOS14下如何解决WKWebView弹性滚动效果无法禁用的问题

问题根因：iOS14系统调整了WKWebView的内部视图层级，直接通过webView.scrollView.bounces = false赋值的操作，无法触达实际承载滚动逻辑的子层级滚动视图，导致回弹设置失效。

可落地的适配方案 #

• 方案1：视图层级遍历设置，兼容全版本
  在WKWebView的页面加载完成代理回调中，遍历所有子视图定位实际承载滚动的UIScrollView，统一禁用回弹：

  - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
      // 兼容低版本的基础设置
      webView.scrollView.bounces = NO;
      // 遍历子视图找到iOS14后新增的内部滚动视图
      for (UIView *subView in webView.scrollView.subviews) {
          if ([subView isKindOfClass:[UIScrollView class]]) {
              ((UIScrollView *)subView).bounces = NO;
          }
      }
  }
  

  注意：该操作必须在视图层级完成渲染后执行，不要放在webView的初始化阶段调用，否则会因为子视图未初始化导致设置不生效。

• 方案2：KVO实时同步设置，避免内容加载完成后设置失效
  针对长页面、动态加载内容的场景，仅在didFinish回调中设置一次可能因为后续内容加载触发视图层级变化导致回弹设置失效，可通过KVO监听scrollView的子视图变化，实时同步bounces属性：

  // WKWebView初始化完成后添加监听
  [webView.scrollView addObserver:self forKeyPath:@"subviews" options:NSKeyValueObservingOptionNew context:nil];
  
  // 监听回调内统一设置禁用回弹
  - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
      if ([keyPath isEqualToString:@"subviews"]) {
          UIScrollView *observedScrollView = (UIScrollView *)object;
          observedScrollView.bounces = NO;
          for (UIView *view in observedScrollView.subviews) {
              if ([view isKindOfClass:[UIScrollView class]]) {
                  ((UIScrollView *)view).bounces = NO;
              }
          }
      }
  }
  
  // 页面销毁时移除监听，避免野指针问题
  - (void)dealloc {
      [_webView.scrollView removeObserver:self forKeyPath:@"subviews"];
  }
  

• 方案3：基于公开API的边界拦截，审核风险最低
  不依赖内部视图层级访问，通过UIScrollView的代理方法拦截越界滚动，从手势层面禁用回弹效果：

  - (void)scrollViewDidScroll:(UIScrollView *)scrollView {
      // 计算垂直方向的合法滚动边界
      CGFloat minOffsetY = -scrollView.contentInset.top;
      CGFloat maxOffsetY = scrollView.contentSize.height - scrollView.bounds.size.height + scrollView.contentInset.bottom;
      // 顶部越界时强制回到边界值，阻断回弹效果
      if (scrollView.contentOffset.y <= minOffsetY) {
          scrollView.contentOffset = CGPointMake(scrollView.contentOffset.x, minOffsetY);
      }
      // 底部越界时强制回到边界值，阻断回弹效果
      if (scrollView.contentOffset.y >= maxOffsetY) {
          scrollView.contentOffset = CGPointMake(scrollView.contentOffset.x, maxOffsetY);
      }
      // 横向滚动的边界判断可参照上述逻辑补充
  }
  

  注意：使用该方案时需要在webView内容高度动态变化时及时更新边界阈值，避免长页面滚动出现卡滞问题。

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