Код: Выделить всё
position: stickyПринятое решение — использовать в . На ПК все еще нормально. Это почти работает и на мобильных устройствах, но при увеличении масштаба это снова нарушается. И это полностью предотвращает уменьшение масштаба на мобильных устройствах.
Как я могу успешно использовать позицию: липкий и иметь возможность увеличивать и уменьшать масштаб на мобильных устройствах?
Код: Выделить всё
position: fixedКод для примера без минимального масштаба=1.
Доступ к нему можно получить на странице моего проекта.
- Перейдите туда на своем телефоне.

- Прокрутите вниз.
- Обратите внимание: прикрепление работает, как и ожидалось.

- Увеличение масштаба.
- Обратите внимание: стикер вышел за пределы экрана. ОЖИДАЕТСЯ: видна липкость.

Код: Выделить всё
th {
position: sticky;
top: 0 ; < b r / > } < / c o d e > < b r / > < p r e c l a s s = " s n i p p e t - c o d e - h t m l l a n g - h t m l P r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; t a b l e & g t ; < b r / > & l t ; t r & g t ; & l t ; t h & g t ; S T I C K Y ! ! ! & l t ; / t h & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & l t ; t d & g t ; t a b l e c e l l & l t ; / t d & g t ; & l t ; / t r & g t ; < b r / > & l t ; t r & g t ; & lt;td>table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
table cell
Подробнее здесь: https://stackoverflow.com/questions/798 ... pinch-zoom
Мобильная версия