Додаємо плавний скролл на сайт

smooth scroll

Як зробити так, щоб на сайті був плавний скролл під час прокручування мишкою? Для початку потрібно в <head> вашого сайту підключити Javascript код наступного змісту:

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" integrity="sha256-huW7yWl7tNfP7lGk46XE+Sp0nCotjzYodhVKlwaNeco=" crossorigin="anonymous"></script>

І відразу під ним такий код (нижче). Зверніть увагу, всі налаштування підписані, і ви навіть без знань Javascript зможете відредагувати їх під свої потреби.

<script>
SmoothScroll({
// Час скролу 400 = 0.4 секунди
animationTime : 800,
// Розмір кроку в пікселях
stepSize : 75,
// Додаткові налаштування:
// Прискорення
accelerationDelta : 30,
// Максимальне прискорення
accelerationMax : 2,
// Підтримка клавіатури
keyboardSupport : true,
// Крок скрола стрілками на клавіатурі у пікселях
arrowScroll : 50,
// Pulse (less tweakable)
// ratio of "tail" to "acceleration"
pulseAlgorithm : true,
pulseScale : 4,
pulseNormalize : 1,
// Підтримка тачпаду
touchpadSupport : true,
})
</script>