2

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

4

1 回答 1

6

百分比偏移：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

希望这会有所帮助。

于 2013-12-11T08:35:50.193 回答