Блог

Плавный скрол для сайта на Тильде

Модификации
Всем привет, данная модификация поможет избежать рывки и резкие переходы при скроле на вашем сайте, отлично работает с Тильдой.

  1. Добавьте блок Т123
  2. Вставьте в него код который ниже.

<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>

Если хотите чтобы он работал на всех страницах вставить этот код нужно в подвал или меню которе у вас повторяется на всем сайте.