Справочная система

Настройка ScrollYeah и добавление параллакс-эффекта

Используется для создания полосы из DIV-элементов с прокруткой перетаскиванием мышкой или пальцем на сенсорных экранах.

 <div class='scrollyeah'>.…  </div>
 Опции можно добавить через атрибуты типа data-optionName,  где optionName — это:
 shadows — включает тени
 maxWidth — стоит увеличить,  если ваш контент больше 999999px.
 disableIfFit — отключает перетаскивание,  если контент не выходит за границы основного DIV
 centerIfFit — центрирует основной DIV,  если ширина контента меньше ширины основного DIV
 triggerScrollyeah — включает триггер событий на элементе

 Настройки по-умолчанию:
 maxWidth: 999999
 shadows: true
 disableIfFit: true
 centerIfFit: false
 triggerScrollyeah: false

 Параллакс-эффект (см. пример):
 
<div class='scrollyeah'>
 <div class='scrollyeah__parallax' data-parallaxRate='-.3'>
 <! — — Контент для параллакса,  например какой-то фон -->
 </div>
 <! — — DIV'ы -->
 </div>
792

Оглавление