Skrollr - 暂停滚动时有关数据属性的问题

Question

在github上的skrollr的pausing.html示例中有代码,文档中根本没有解释.例如:

<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暂停功能所涉及的逻辑问题

Answer 1

百分比偏移:p

附加"p"的偏移号表示偏移百分比.例如:data-100p =向下滚动100%的视口.

常量

偏移可以通过skrollr世界中的常量来表示.请注意附加下划线前缀的常量名称.

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

所以....

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

希望这是有帮助的.