使用onScreen插件在div上进行水平延迟加载

Question

我试图让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>

这是我所拥有的jsfiddle镜头：编辑这里是最后一个 - ＆gt; http://jsfiddle.net/UcQpA/7/

我的目标是使用onScroll插件获得类似于此演示的内容： http://silvestreh.github.io/onScreen/horizontal.html

不幸的是，由于演示的网站是使用HTML5制作的，而我的是XHTML，我不明白它是如何工作的。

你能帮我吗？

谢谢！ ：）