Сайты
Чат-боты
Приложения
Tilda
на Tilda
Плавный скролл

Как сделать интерактивную карту на Tilda

Плавный скролл улучшает пользовательский опыт, делая навигацию по странице более плавной при прокрутке колесиком мыши.
1. Подключение кода через блок «HTML-код» (T123).
Шаг 1: Добавьте блок T123
  1. Откройте нужную страницу в редакторе Tilda.
  2. Листаем до самого низа страницы.
  3. Нажмите «Добавить блок» → выберите «Другое» → «HTML-код» (T123).
  4. Вставьте этот код:
<script 
  src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" 
  integrity="sha512-HaoDYc3PGduguBWOSToNc0AWGHBi2Y432Ssp3wNIdlOzrunCtB2qq6FrhtPbo+PlbvRbyi86dr5VQx61eg/daQ==" 
  crossorigin="anonymous"
></script>

<script>
  // Настройки плавного скролла
  SmoothScroll({
    animationTime: 900,       // Длительность анимации (мс)
    stepSize: 70,             // Размер шага скролла (пиксели)
    touchpadSupport: true,    // Поддержка тачпадов
    accelerationDelta: 20,    // Чувствительность к ускорению
    accelerationMax: 2,       // Максимальное ускорение
    pulseAlgorithm: true,     // Использовать "пульсирующий" алгоритм
    pulseScale: 4,            // Масштаб пульсации
    pulseNormalize: 1,        // Нормализация пульсации
    keyboardSupport: true,    // Поддержка клавиатуры
    arrowScroll: 75           // Скролл стрелками (пиксели)
  });
</script>