Я создаю экран консоли с несколькими таблицами данных. Все прокручиваемые, с липкими заголовками. Вот CSS для строки заголовка:
mat-header-row {
top: 0px;
position: sticky;
z-index: 100;
}
На рабочем столе (Windows 10, протестировано с Chrome и Edge) это работает как положено; заголовок остается видимым в верхней части таблицы при прокрутке данных. Но на iPad (как с Safari, так и с Chrome) они остаются неизменными только до тех пор, пока я не прокручиваю одну полную область просмотра таблицы (т. Е. Если таблица показывает десять строк за раз, она работает, пока я не прокручиваю ровно десять строк) , Затем они отклеиваются и прокручиваются сверху с остальными верхними рядами. Они появляются в том же месте, когда я прокручиваю обратно вниз.
Клиент требует поддержки iPad. Я тестирую на iPad Air 2 под iOS 12.2. Очевидно, более ранние версии iOS не полностью поддерживали свойство sticky, поэтому мои поиски возвращают много связанных проблем, но ни одна из них не относится к этой конкретной проблеме. Есть идеи? Спасибо!