了解滚动视差暂停代码。

Question

我只是想在我的网站上使用scrollron，这是我第一次使用这个插件时，我看到了这个例子 HERE 。

基本上我对如何暂停div并显示动画感兴趣。

所以暂停的div的html如下：

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

现在我不太了解data-_box-100p="" data-_box-200p="transform:translate(0,-100%)"的用法，

用于初始化此插件的javascript：

skrollr.init({
        constants: {
            //fill the box for a "duration" of 150% of the viewport (pause for 150%)
            //adjust for shorter/longer pause
            box: '150p'
        }
    });

有人可以解释一下吗？

谢谢。