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

Question

[tantumus21]

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

Мне бы хотелось, чтобы прокрутка очередного блока шла немного с трудом, а скролл немного задерживался на каждом из блоков. Зачем? Чтобы прокрутив до конца очередного блока (именно при медленной прокрутке), немного задержаться на нем, и чтобы сверху или снизу не был виден край другого блока.
Я пробовал такой эффект как "fullscreen scroll", но мне это не подходит. Мне не нужно полностью заменять один блок другим. И мне не нужно, чтобы на экране всегда был только 1 блок - можно остановить прокрутку и на границе блоков. Просто нужно "помогать" задержаться на текущем блоке, прокрутив до его нижнего края. Возможно ли сделать такой эффект?

Comments

[Антон Литвиненко]

уверен, что возможно. другой вопрос, справитесь ли вы

[tantumus21]

Антон Литвиненко, я не справлюсь сам. Поэтому и спросил здесь. У меня даже нет идеи, как это реализовать. Реализовать fullscreen-scroll у меня получилось, там попроще

[YavaDev]

tantumus21, если я правильно понял, то position: sticky легко решает эту задачу.
https://codepen.io/YavaDev/pen/qBPrJZg

[tantumus21]

YavaDev, спасибо)) то, что нужно! если оформите как ответ, то отмечу решением))

[Антон Литвиненко]

tantumus21, Может я чтото недопонял, но я не вижу тут того что вы описали в вопросе. просто скроллятся себе большие по высоте блоки и все

[tantumus21]

Антон Литвиненко, заметьте, какая-то "часть" вашего скролла ни на что не влияет, а проходит впустую. Лично у меня 2 или 3 неполных оборота колесика мыши как-бы игнорятся

[Антон Литвиненко]

tantumus21, вы текст туда впишите

[tantumus21]

Антон Литвиненко, не знаю - не знаю, о чем вы. Но я напихал в эти секции необходимые react-компоненты. И все работает и отображается, как надо))

[Антон Литвиненко]

tantumus21, главное, чтобы вам подходило, удачи

Answer 1

[YavaDev]

Если я правильно понял, то position: sticky легко решает эту задачу.
https://codepen.io/YavaDev/pen/qBPrJZg