@tantumus21

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

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

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

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

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