Плавная прокрутка страницы на сайте

Содержание

Для плавной прокрутки страницы вашего сайта необходимо добавить следующий код в подвал сайта. Удобнее всего добавить код через плагин Woody code snippets. Плавная прокрутка страницы позволит пользователям прокручивать станицу на вашем сайте без рывков и подергиваний.

<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>
JavaScript
категории:Wordpress
поделиться:
VK
WhatsApp
Telegram
Email
Напечатать
OK