Javascript 带屏幕插件的div上的水平延迟加载

我正在尝试让onScroll插件与我的水平网页一起工作，类似于：

<div id="container">
    <div class="column"><p>01</p></div>
    <div class="column"><p>02</p></div>
    <div class="column"><p>03</p></div>
    <div class="column"><p>04</p></div>
    <div class="column"><p>05</p></div>
    <div class="column"><p>06</p></div>
    <div class="column"><p>07</p></div>
    <div class="column"><p>08</p></div>
    <div class="column"><p>09</p></div>
    <div class="column"><p>10</p></div>
</div>

01

02

03

04

05

06

07

08

09

十,

这里是我的一个JSFIDLE快照：编辑这里是最后一个->

我的目标是通过onScroll插件获得类似于此演示的内容：

不幸的是，由于演示的网站是用HTML5制作的，而我的网站是用XHTML制作的，所以我不明白它实际上是如何工作的

你能帮帮我吗

---

谢谢！：）

XHTML和HTML5在语法上不应该有太大的区别；到底是什么问题？只是你根本不知道该怎么做？关于如何使用插件，没有具体的解释。这就是我试图通过这个页面的查看源代码来模拟代码的原因：作为一个问题，你能切换到HTML5吗？我已经使用插件演示的代码在JSFIDLE页面上做了一些更新。不，很遗憾，我不能换。