Grow talents and manage career paths
Get started
How it works
Все что нужно сделать, это добавить код в блок T123.
В основных настройках можно настроить время скролла и размер шага в пикселях. Размер шага можно указать как window.innerHeight и тогда скролл будет пролистывать один экран.
Дополнительные настройки это более тонкие и сложные параметры, которые в большинстве случаев изменять нет смысла.
В основных настройках можно настроить время скролла и размер шага в пикселях. Размер шага можно указать как window.innerHeight и тогда скролл будет пролистывать один экран.
Дополнительные настройки это более тонкие и сложные параметры, которые в большинстве случаев изменять нет смысла.
Плавный скролл, который работает со стандартной и step by step анимацией.
Инструкция
Плавный скролл
Код
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" integrity="sha256-huW7yWl7tNfP7lGk46XE+Sp0nCotjzYodhVKlwaNeco=" crossorigin="anonymous"></script>
<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>Есть вопросы?
Вот что есть еще
