前言
前久发现测试组提交来一个 bug，说有的布局在 iOS 11 上正常，在 iOS 10 下不正常。分别在 iOS 11 模拟器和 iOS 10.3 模拟器上跑了一下 app，发现果然如此，如下图所示：
iOS 11 下点击“省市广播站”，下级菜单中的按钮正常显示：
iOS 10 下点击“省市广播站”，下级菜单显示为空白：
解决方法
检查代码，发现下级菜单中的按钮是以手动布局方式动态添加到一个 scroll view 中的。添加时指定了按钮的框架，框架计算完全正常，按钮已经添加在 scroll view 的 subviews 中了（可以在 LLDB 中用 po 命令确认 ）。同时在打印 subviews 的过程中发现，这些按钮的 frame 并未被改变，仍然是 initWithFrame 时设定的值，但在 iOS 10.3 下就是不显示，用视图调试器也看不到。
百思不得其解。后来联想到 Xcode 9 为了适配 iPhoneX 曾经对自动布局约束进行了一些改变，比如“安全区”的概念，于是怀疑是新的 iOS SDK 对 ScrollView 的某些布局属性进行了修改。
通过将两种模拟器下的 scroll view 属性进行打印后发现，在 iOS 10/11 下，scroll view 的 contentInset 属性是有所区别的。
在 iOS 11 中，contentInset 的值是 (0,0,0,0)，而在 iOS 10 中却变成了 (64,0,0,0)。
于是尝试在代码中加入了一句：
if ([UIDevice currentDevice].systemVersion.floatValue < 11.0) {
_scrollBar.contentInset = UIEdgeInsetsZero;
}
发现在 iOS 10 下菜单居然显示了！
这种方式虽然在一定程度上解决了问题，但并不彻底，在测试中发现，iOS 10 下的布局问题偶尔还是会出现（特别是 view controller 第一次加载时）。因为二级菜单需要进行一个网络加载，这个加载的速度有可能快、有可能慢，那么当第一次页面显示完成之后，有可能二级菜单已经显示完了，自动布局引擎还没有完成计算，它有可能再次修改 scroll view 的 contentInset 值，从在页面第一次加载时，菜单显示不出来。
要解决这个问题，必须思考其它方式。比如 UIScrollViewDelegate 协议。
首先将 view controller 声明为实现 UIScrollViewDelegate:
<UIScrollViewDelegate>
设置 scroll view 的 delegate 委托：
_scrollBar.delegate = self;
然后实现 scrollViewDidScroll 委托方法：
// MARK: - UIScrollViewDelegate
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
if (scrollView == _scrollBar && scrollView.contentOffset.y != 0){
_scrollBar.contentInset = UIEdgeInsetsZero;
}
}
运行 app，这次问题得到了完美解决。
注意：所有 UIScrollView 子类都有此问题。如果你是用 IB 进行布局，则在使用 Align to Edges 时，需要注意将四边对齐于 superview，而不是默认的 Safe Area，否则就会出现此问题。
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
