Javascript Skrollr-暂停滚动时有关数据属性的问题
github上的skrollr的pausing.html示例中有一些代码在文档中根本没有解释。例如:Javascript Skrollr-暂停滚动时有关数据属性的问题,javascript,parallax,skrollr,Javascript,Parallax,Skrollr,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%)"> 数据-100p属性是什么?文件中没有提到 另外,数据-_box-100p=“”是一个,我
<div data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%)" data-_box-100p="" data-_box-200p="transform:translate(0,-100%)">
数据-100p属性是什么?文件中没有提到
另外,数据-_box-100p=“”是一个,我不明白它控制着什么。。。暂停?在单独的html注释中,它意味着暂停的持续时间由常量“box”设置。因此,这对于数据框是有意义的,但我不知道属性的其余部分(100p=“”,在一种情况下是这样的
我正在尝试堆叠几个部分,每个部分将暂停一个动画,我在控制skrollr的暂停功能所涉及的逻辑方面有问题百分比偏移: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
希望这有帮助。和(空属性只会继承其邻居值)