javascript - 让 Stellar.js 与 iscroll.js 一起工作

Question

我正在尝试创建一个适用于桌面和移动设备的视差滚动网站。这里有一个很好的例子来说明如何使用 Steller.js：

http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

问题是此示例不适用于 iOS 移动设备。为了让Stellar.js与 iOS 一起工作，您可以使用iScroll。

Steller.js 的创建者在此处提供了有关如何将 Steller.js 与 iScroll.js 合并的精彩教程：http: //markdalgleish.com/2012/10/mobile-parallax-with-stellar-js/

第一步是为 iScroll 创建几个 div，即“wrapper” div 和“scroller” div：

<div id="wrapper">
  <div id="scroller">

    <section>...</section>

  </div>
</div>

但是当我在示例的内容周围放置一个包装器时，整个布局就会被破坏，如下所示：

请有人帮我将 iScroll 正确地合并到这个例子中。任何帮助将非常感激。