Scroll (триггер) WYSIWYG Web Builder


Триггер scroll в программе WYSIWYG Web Builder 12 подключает библиотеку skrollr.min.js (анимация при прокрутке) для веб-страницы. После выбора этого триггера появляются новые настройки: Смещение и Ссылка.
Свойства объекта -- CSS3 анимация -- Переходы -- Добавить -- Триггер: scroll
Смещение
Это сдвиг (отступ) в пикселях от выбранной ссылки (якоря), может быть положительным или отрицательным.
Ссылки
Это якорь в комбинации со смещением задаёт позицию (местоположение) для начала и завершения css-анимации.
Есть два режима для якорей (ссылок): абсолютный и относительный.

Относительный режим scroll якоря (ссылки)


Относительный режим предназначен для объектов на странице и задаёт позицию (путь) в окне браузера, где будет выполняться css-анимация (реагирует на позицию объекта при прокрутке страницы).
Scroll offse top
top
Когда верхняя часть объекта выравнивается с верхней границей окна браузера.
Scroll offse top-bottom
top-bottom
Когда нижняя часть объекта выравнивается с верхней границей окна браузера.
Scroll offse bottom
bottom
Когда нижняя часть объекта выравнивается с нижней границей окна браузера.
Scroll offse bottom-top
bottom-top
Когда верхняя часть объекта выравнивается с нижней границей окна браузера.
Scroll offse center
center
Когда центр объекта находится в центре окна браузера (выравнивается с центром).
Scroll offse center-bottom
center-bottom
Когда нижняя часть объекта находится в центре окна браузера (выравнивается с центром).
Scroll offse center-top
center-top
Когда верхняя часть объекта находится в центре окна браузера (выравнивается с центром).

Абсолютный режим scroll якоря (ссылки)


Абсолютный режим в основном предназначен для фиксированного макета страницы,
без использования точек останова и сетки «адаптивная страница», но есть исключения
с возможностью использования в адаптивном режиме страницы.
Scroll offse start
start
Анимация начинается сразу при скорлле веб-страницы, если не задано смещение).
Scroll offse end
end
Анимация завершается после полной прокрутки страницы, если не задано смещение).
Триггеры scroll со смещением
Демо-пример анимации при прокрутке с описанием
close

Триггеры scroll со смещением


Scroll offse 100 top
100-top
Верхняя часть объекта выравнивается с верхней границей окна браузера со смещением 100px.
Scroll offse -100 top
-100-top
Верхняя часть объекта выравнивается с верхней границей окна браузера со смещением -100px (минус 100).
Scroll offse 100 bottom
100-bottom
Нижняя часть объекта выравнивается с нижней границей окна браузера со смещением 100px.
Scroll offse -100 bottom
-100-bottom
Нижняя часть объекта выравнивается с нижней границей окна браузера со смещением -100px (минус 100).
Scroll offse 100 start
100-start
Якорь start со смещением 100 сработает, когда пользователь прокрутит 100px страницы.
Scroll offset100 end
100-end
Якорь end со смещением 100 сработает, когда пользователю останется 100px, до полной прокрутки страницы.