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

Как сделать полноэканные section немного «липкими» при скроллинге?

Есть страница, которая состоит из нескольких полноэкранных . Что-то типа такого: codepen.

Мне бы хотелось, чтобы прокрутка очередного блока шла немного с трудом, а скролл немного задерживался на каждом из блоков. Зачем? Чтобы прокрутив до конца очередного блока (именно при медленной прокрутке), немного задержаться на нем, и чтобы сверху или снизу не был виден край другого блока.
Я пробовал такой эффект как "fullscreen scroll", но мне это не подходит. Мне не нужно полностью заменять один блок другим. И мне не нужно, чтобы на экране всегда был только 1 блок - можно остановить прокрутку и на границе блоков. Просто нужно "помогать" задержаться на текущем блоке, прокрутив до его нижнего края. Возможно ли сделать такой эффект?
  • Вопрос задан
  • 127 просмотров
Подписаться 2 Простой 9 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
YavaDev
@YavaDev
Если я правильно понял, то position: sticky легко решает эту задачу.
https://codepen.io/YavaDev/pen/qBPrJZg
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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