html - 仅在 iOS 上，粘性表格标题在滚动后松开

Question

我正在创建一个包含多个数据表的控制台屏幕。所有都是可滚动的，带有粘性标题。这是标题行的 CSS:

mat-header-row {
    top: 0px;
    position: sticky;
    z-index: 100;
}

在桌面上(Windows 10，使用 Chrome 和 Edge 测试)，这按预期工作；当数据滚动时，标题在表格顶部保持可见。但是在 iPad 上(同时使用 Safari 和 Chrome)，它们只会保持粘性，直到我滚动到一个完整的表格视口(viewport)(即，如果表格一次显示十行，它会一直工作，直到我向上滚动正好十行) .然后，它们松开并与上排的其余部分一起从顶部滚动。当我向下滚动时，它们会重新出现在同一个地方。

客户端需要 iPad 支持。我正在运行 iOS 12.2 的 iPad Air 2 上进行测试。显然早期版本的 iOS 并没有完全支持粘性属性，所以我的搜索返回了很多相关的问题，但没有一个是针对这个特定问题的。有任何想法吗？谢谢!

Answer 1

回答我自己的问题。不幸的是，这似乎是在 iOS 上运行的 Angular Material 的一个已知且未修复的问题。 https://github.com/angular/material2/issues/12044