當(dāng)DOM準(zhǔn)備完成后iScroll需要被初始化。最保險的方式是在window的onload事件中啟動它。在DOMContentLoaded事件中或者inline initialization中做也可以，需要記住的是腳本需要知道滾動區(qū)域的高度和寬度。如果你有一些圖片在滾動區(qū)域?qū)е虏荒芰ⅠR獲取區(qū)域的高度和寬度，iScroll的滾動尺寸有可能會錯誤。

為滾動起容器增加position:relative或者absolute樣式。這將解決大多數(shù)滾動器容器大小計算不正確的問題。

綜上所述，最小的iScroll配置如下：

    <head>
    ...
    <script type="text/javascript" src="iscroll.js"></script>
    <script type="text/javascript">
    var myScroll;
    function loaded() {
        myScroll = new IScroll('#wrapper');
    }
    </script>
    </head>
    ...
    <body onload="loaded()">
    <div id="wrapper">
        <ul>
            <li>...</li>
            <li>...</li>
            ...
        </ul>
    </div>
    </body>

轉(zhuǎn)到barebone example獲取更多關(guān)于最小化 CSS/HTML結(jié)構(gòu)的需求。

如果你有一個復(fù)雜的DOM結(jié)構(gòu)，最好在onload事件之后適當(dāng)?shù)难舆t，再去初始化iScroll。最好給瀏覽器100或者200毫秒的間隙再去初始化iScroll。