## 初始化
當DOM準備完成后iScroll需要被初始化。最保險的方式是在window的`onload`事件中啟動它。在`DOMContentLoaded`事件中或者inline initialization中做也可以,需要記住的是腳本需要知道滾動區域的高度和寬度。如果你有一些圖片在滾動區域導致不能立馬獲取區域的高度和寬度,iScroll的滾動尺寸有可能會錯誤。
為滾動起容器增加`position:relative`或者`absolute`樣式。這將解決大多數滾動器容器大小計算不正確的問題。
綜上所述,最小的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>
~~~
轉到[barebone example](http://lab.cubiq.org/iscroll5/demos/barebone/)獲取更多關于最小化 CSS/HTML結構的需求。
如果你有一個復雜的DOM結構,最好在`onload`事件之后適當的延遲,再去初始化iScroll。最好給瀏覽器100或者200毫秒的間隙再去初始化iScroll。