Parallax

Этот эффект смещает элементы в секции при скролле в заданном направлении, используя размеры секции и её положение на экране. Все настройки в Custom Attributes.
scroll
down

Как работает этот параллакс

Очень просто: смещает элементы в секции при скролле в заданном направлении, используя размеры секции и её положение на экране. Можно спокойно верстать дизайн, а затем добавить параллакс, т.к. в случае, если что-то случится с работой скрипта, верстка не «сломается». Единственное, что может работать неправильно, так это добавление Transforms — этот параллакс их заменит на свои. Поэтому лучше вкладывать элемент в элемент и назначать Transforms на вложенный элемент, а параллакс на элемент верхнего уровня. В примере выше это всё показано на элементах с текстом «scroll» и «down».

Инструкция по подключению

Добавить скрипт в настройках проекта в разделе Custom Code или в настройках страницы в поле Before </body> tag.

Скопируйте отсюда:
<script type="text/javascript" src="https://cdn.rawgit.com/kravchenkodmitry/webflow/master/js/parallax.min.js"></script>
Вставьте вот сюда:

Добавить к секции в Custom <div> attributes:
parallax="section":

Добавить к смещаемому элементу в Custom <div> attributes:
parallax="смещение в пикселях":

Значение с отрицательным смещением при скролле сдвинет элемент вниз

Значение с положительным смещением при скролле сдвинет элемент вверх

Экспериментируйте!

На мобилках не тестировал и дорабатывать, если что, буду по мере собственной необходимости. Поэтому не беру на себя обязательства нести любую ответственность перед вами и вашими клиентами при использовании подключенного скрипта.

Принимаю благодарности!

На ваше усмотрение, конечно же :-)