TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.5K subscribers
Post #2659 749
Задача: Алгоритм расчета sticky-элементов при вложенном скролле

Контекст
Страница с несколькими scroll-контейнерами (как Notion или Figma панель).

Условие
Есть вложенные блоки, каждый из которых может быть position: sticky.
Нужно определить, какой заголовок должен быть:
- закреплен
- заменен следующим
- скрыт

в зависимости от:
- положения всех родительских контейнеров
- их scrollTop
- высоты элементов

Вход
- DOM-дерево в виде JS-структуры
- текущие scroll-позиции контейнеров

Выход
- список активных sticky-элементов с их координатами

#домашка
  • ❤ 2
More from @free_html_lessons
  1. Oct 16, 2026Post #3091
  2. Oct 16, 2026Макет для тренировки (метры) Перейти к макету 🧑‍💻 #практика | #макет
  3. Oct 14, 2026Создаём красивую кнопку загрузки с анимацией на CSS Эффектная кнопка загрузки сделает ваш…
  4. Oct 13, 2026Как использовать псевдокласс :has() для навигации С помощью :has() можно улучшить UX меню.…
  5. Oct 12, 2026Как создать адаптивный текстовый градиент Градиенты в тексте — это модный тренд, который м…
  6. Oct 11, 2026Подборка лучших постов за прошлую неделю Лучшие статьи @free_html_lessons: 1. Атрибут rel=…
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 →