在Skrollr中暂停

Question

<div class="section" id="section1" data-0="transform:translate(0,0%);"></div> 

<div class="section" id="section2" data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%);" data-150p="" data-200p="transform:translate(0, -100%);"></div> 

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

<div class="section" id="section4" data-_box-200p="transform:translate(0,100%);" data-_box-300p="transform:translate(0%,0%);" data-_box-400p="transform:translate(0%,-100%);"></div> 

<div class="section" id="section5" data-_box-300p="transform:translate(0,100%);" data-_box-400p="transform:translate(0%,0%);" data-_box-500p="transform:translate(0%,-100%);"></div> 

<div class="section" id="section6" data-_box-400p="transform:translate(0,100%);" data-_box-500p="transform:translate(0,0%);"></div> 

我正在尝试暂停div。它的工作，但我得到一个线后section-3。

参见附加图像：

。

JSfiddle

如何删除了这一行？ （问题只在chorme）

谢谢

Answer 1

我觉得行指你为它设置的属性。

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

你<div class="box" data-200p="width:0%;" data-_box-200p="width:100%"></div>有100％的宽度，它要跨页转到100％，默认情况下会在高度1像素。