暂停在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％，默认情况下高度为1px。