Как сделать медленную прокрутку, как это делают эти сайты

Question

Есть несколько сайтов, где я вижу плавную медленную прокрутку. Я искал плагины для реакции или vue. Я в основном хочу научиться делать это с ванилью Javascript. Также вы можете предложить плагины библиотеки и все, что вы хотите. Но я хочу знать, как это сделать в чистом ванили js. Я хочу научиться контролировать скорость прокрутки.

вот сайты:

1. https://nana-asia.com/
2. https://pelizzari.com/en
3. https://loerarchitecten.com/en/projects/republica-short-guy

Вы можете сказать мне, что используют эти веб-сайты, а также рассказать, как это сделать, используя чистый js.

Answer 1

Один подход:

• Перехват событий колесика мыши и касания и предотвращение их оригинального поведения.

• Определение направления и скорости событий касания или количество прокрутки для событий колесика мыши

• Используйте значения событий и сопоставьте их с требуемым уровнем прокрутки

• Примените перевод CSS на вашу страницу содержание

Answer 2

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

https://css-tricks.com/snippets/jquery/smooth-scrolling/

Существует также библиотека с открытым исходным кодом с именем 'Smooth-Scroll', Вставить ссылку ниже. Их можно использовать в качестве отправной точки.

https://github.com/cferdinandi/smooth-scroll

Надеюсь, это поможет.