TGViewer
Веб-страница Веб-страница @tproger_web · 22.3K subscribers
Post #6605 1.06K
Почему горизонтальная прокрутка мешает закрепить заголовок таблицы

Таблице задали overflow-x: auto, первой колонке — left: 0, заголовку — top: 0 и position: sticky. Колонка закрепилась, а заголовок не держится у верхнего края страницы. Контейнер фактически стал прокручиваемым по обеим осям.

В разборе одноосевых scroll containers показано новое поведение overflow: auto clip. Обёртка отвечает за горизонтальную прокрутку, а sticky-заголовок по вертикали ориентируется на прокрутку документа.

Для проверки поддержки нужен @supports named-feature(single-axis-scroll-container): проверка одного синтаксиса overflow не подтверждает нужное поведение. Статья посвящена тестированию функции в Beta, Dev и Canary; отдельно стоит проверить скролл из JavaScript и минимальные размеры элементов Grid/Flex.
  • ❤ 1
  • 🔥 1
More from @tproger_web
  1. Oct 13, 2026W3C убрал лишние обёртки из своей дизайн-системы Правила отступов, удобные для фиксированн…
  2. Oct 13, 2026Cookies удалены, а браузер всё ещё узнают Удаление cookies не обязательно делает браузер н…
  3. Oct 13, 2026Общая папка для работы Claude Code и Codex Луи-Франсуа Бушар собрал заметки, инструкции-ск…
  4. Oct 13, 2026Post #6606
  5. Oct 13, 2026Chrome начал открывать JPEG XL: где пригодится новый формат В Chrome 155 появилась поддерж…
  6. Oct 12, 2026Gran Turismo 4 переехала в Chrome — с гонками, звуком и сохранениями В PS2 Web Recomp стар…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →