【发布时间】：2019-08-18 14:12:57
【问题描述】：
我正在创建一个包含多个数据表的控制台屏幕。所有都是可滚动的，带有粘性标题。这是标题行的 CSS：
mat-header-row {
top: 0px;
position: sticky;
z-index: 100;
}
在桌面（Windows 10，使用 Chrome 和 Edge 测试）上，这按预期工作；当数据滚动时，标题在表格顶部保持可见。但是在 iPad 上（同时使用 Safari 和 Chrome），它们只有在我滚动过去一个完整的表格视口之前才会保持粘性（即，如果表格一次显示十行，它会一直工作，直到我向上滚动正好十行） .然后，它们松开并与上排的其余部分一起从顶部滚动。当我向下滚动时，它们会重新出现在同一个位置。
客户端需要 iPad 支持。我正在运行 iOS 12.2 的 iPad Air 2 上进行测试。显然早期版本的 iOS 并不完全支持粘性属性，所以我的搜索返回了很多相关的问题，但没有一个是针对这个特定问题的。有任何想法吗？谢谢！
【问题讨论】：
-
哦，我也尝试添加“位置：-webkit-sticky”。它似乎没有改变任何东西。
-
给我一个链接怎么样？
-
@AndyHoffman 我明天上班时会尝试设置一个。现在有什么好的、免费的方式来托管一个简单的网页？它是供 Intranet 使用的，所以我没有工作访问外部服务器的权限。