Question

我正在创建一个包含几个数据表的控制台屏幕。全部都是可滚动的，带有粘性标题。这是标题行的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的早期版本不完全支持sticky属性，因此我的搜索返回了很多相关问题，但这些问题都不是特定问题。有任何想法吗？谢谢！

Answer 1

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

仅在iOS上，滚动后粘滞表头未松开

1 个答案: