Инициализация
<script type="text/javascript" src="files/js/sticky.min.js"></script>
<
script
>
var sticky = new Sticky('.sticky');
ar sticky = new Sticky('.sticky')
</
script
>
Инициализация
<script type="text/javascript" src="files/js/jquery.scrollme.min.js"></script>
enter - начиная с момента, когда верхняя часть контейнера входит в окно просмотра и до момента, когда он выходит.
exit - начиная с момента, когда нижняя часть контейнера входит в окно просмотра и до момента, когда оно выйдет.
span - начиная с момента, когда верхняя часть контейнера входит в окно просмотра и до момента, когда выйдет его нижняя часть.
easeout - начинается быстро, к концу замедляется (используется по умолчанию)
easein - медленно начинается, к концу ускоряется
easeinout - начинается и заканчивается медленно
linear - одинаковая скорость от начала и до конца.
Определяет масштаб анимированного элемента (необязательно вдоль оси X, Y и Z), когда прокрутка приближается к позиции data-to.Значения: коэффициент масштабирования
Определяет угол поворота анимированного элемента вдоль оси X, Y и Z, когда прокрутка приближается к позиции data-to.
Значения: угол поворота в градусах
Инициализация
<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 : 700,
// Размер шага в пикселях
stepSize : 90, // window.innerHeight- пролистывать один экран.
// Ускорение
accelerationDelta : 50,
// Максимальное ускорение
accelerationMax : 2,
// Поддержка клавиатуры
keyboardSupport : true,
// Шаг скролла стрелками на клавиатуре в пикселях
arrowScroll : 50,
// плавная остановка
pulseAlgorithm : true,
pulseScale : 4,
pulseNormalize : 1,
// Поддержка тачпада
touchpadSupport : true,
})
</script>