Задать вопрос

Как зафиксировать блоки в сайдбаре, чтобы они оставались видны при прокрутке страницы?

Помогите с реализацией вот такой задумки, я даже не понимаю как это делается.

Имеется 2 блока: content и aside, блок content имеет высоту 4000px, а aside 2000px.
К примеру, aside имеет внутренние блоки по 200-500px.
Пролистываем страницу вниз, и когда нижний блок aside сравняется с нижней частью экрана, то все блоки aside, которые видны на экране, больше не будут подниматься вверх, при прокручивании страницы вниз.

Видимых блоков может n-е количество. Когда начинаем прокручивать вверх, aside вновь начинает синхронизировать с блоком content и опускаться вниз.

Надеюсь понятно объяснил.
  • Вопрос задан
  • 435 просмотров
Подписаться 2 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
С такими задачами прекрасно справляется sticky-kit
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы