`position: Sticky` на мобильном телефоне не работает при масштабировании.CSS

Разбираемся в CSS
Ответить
Anonymous
 `position: Sticky` на мобильном телефоне не работает при масштабировании.

Сообщение Anonymous »

Изменить: мне нужно что-то вроде фиксированных панелей Excel, чтобы заблокировать столбец и строку.

Код: Выделить всё

position: sticky
работает на ПК. По телефону не совсем. Прикрепленная ячейка таблицы отстает (выходит за пределы экрана) при масштабировании.
Принятое решение – использовать в . На ПК все еще нормально. Это почти работает и на мобильных устройствах, но при увеличении масштаба это снова нарушается. И он полностью предотвращает уменьшение масштаба на мобильных устройствах.
Как я могу успешно использовать позицию: липкий и иметь возможность увеличивать и уменьшать масштаб на мобильных устройствах?

Код: Выделить всё

position: fixed
страдает той же проблемой, что и липкий, поэтому я не могу использовать fix для исправления липкости.
Код для примера без минимального масштаба=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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»