Skrollr — Вопросы относительно атрибутов данных при приостановке прокрутки

В примере pausing.html для skrollr на github есть код, который вообще не объясняется в документации. Например:

<div data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%)" data-_box-100p="" data-_box-200p="transform:translate(0,-100%)">

что такое атрибут data-100p? это не упоминается в документах

Также data-_box-100p="" - это , я не понимаю, что он контролирует... паузу? в одиноком html-комментарии подразумевается, что продолжительность паузы задается постоянным «ящиком». так что это имеет смысл для data-_box, но я не знаю остальной части атрибута (100p="" в одном случае и

Я пытаюсь сложить несколько разделов, каждый из которых будет приостанавливаться для анимации, и у меня возникают проблемы с логикой, связанной с управлением возможностями паузы skrollr.


javascript parallax skrollr
person dzogchen    schedule 11.12.2013    source источник
comment
github.com/Prinzhorn/skrollr#percentage-offsets и github.com/Prinzhorn/skrollr#filling-missing-values (пустой атрибут просто наследует своих соседей значения)   -  person Prinzhorn    schedule 11.12.2013

Ответы (1)


arrow_upward
6
arrow_downward

Смещение в процентах: p

Номер смещения, к которому добавлена ​​буква «p», означает процентное смещение. Например: data-100p = прокрутка вниз на 100% области просмотра.

Константы

Смещение может быть представлено константой в мире skrollr. И обратите внимание, что к имени константы нужно добавить префикс подчеркивания.

skrollr.init({
    constants:{
        box: 50
    }
});

So.... 

data-_box equals to data-50
data-_box-100p eqauls to data-150p
data-_box-200p equals to data-250p

Надеюсь, это полезно.

person Chickenrice    schedule 11.12.2013