使用iScroll时候HTML结构该怎么设计？

真理：iScroll中的用来初始化iScroll对象的DOM元素是固定的,就像是一块滤镜将超出其区域的内容屏蔽掉！而在wrapper里面的第一个DOM元素将成为scroller即是滚动层。不依赖于其他javascript库

当需要滚动的内容是较为简单的（如纯图片或者纯文字时）这时候简单的应用iscroll：其中ul为滚动层，而wrapper为容器或者说是滤镜。

   <div id="wrapper">

        <ul>

            <li></li>

        </ul>

   </div>

当滚动内容较为复杂时候，那么即是要在实际内容的外层再加上一个滚动层：scroller为滚动层；wrapper依然是滤镜的存在。在scroller里面可以嵌套任何内容。

   <div id="wrapper">

        <div id="scroller">

            <ul>

                <li></li>

            </ul>   

            <ul>

                <li></li>

            </ul>

            <div></div>

        </div>

    </div>