html - skrollr で % を使用する

Question

私は数日間 skrollr を処理しようとしてきましたが、一貫性のない結果が得られ続けているようです。この例を非常に単純にするために、位置が固定され、高さと幅が 100% のセクション タグが 1 つあります。

html

<section id='section-2' data-0="transform:translate(0,100%);" 
data-100p="transform:translate(0,0%);" data-200p="transform:translate(0,-100%);">

CSS:

section{
   position:fixed; 
   height:100%; 
   width:100%; 
   background-color"red"; 
   top:0; 
   left:0;
 }

ビューポートの 200% をスクロールしていないようです。赤いセクションは上にスクロールしますが (100p)、ビューポートの上部で停止し、他にスクロールするものはありません。