@DeniSidorenko

Как добавить такой плавный скролл?

На этом сайте реализован плавный скролл. Каким образом можно сделать такой плавный скролл?

Знаю, что тут используется параллакс секции, но мне нравится именно скролл. Насколько можно видеть по коду, идет эффект через translateY + transition.
  • Вопрос задан
  • 568 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Если интересует именно плавный скролл, то его можно реализовать например вот так:



Это один из множества вариантов. Можно сделать хуже, а можно и намного лучше.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега CSS
Чтоб сохранить прокрутку, создается фейковый элемент такой-же высоты как и высота всего контента. Все секции расположены абсолютом. Там при прокрутке меняется свойство tranform для секций. Таким образом достигается эффект плавной прокрутки. Хитро.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы