在開發的過程中，發現如果ul或者ol清單内容過多，高度大于外層div的高度的時候，jquery mobile會自動給加上滾動效果。但我在使用jquery mobile panels的時候發現，在内容區域(content區域)加上ul或ol後，當清單資料多則滾動的時候，header與footer可以固定，但revel panel會随之滾動。
設想：content區域的清單無論是滾動的什麼位置，header、foote與revel panel都是固定的，是以得到的解決方案是，使content區域生成滾動條，而清單隻在該區域滾動。
經過搜尋，發現有兩個插件是可以實作這樣的效果的。一個是jquery
scroll滾動插件 - jquery-nicescroll,另一個是使用iscroll。由于iscroll的相關資料在網絡上更容易擷取，是以決定使用iscroll。
jquery mobile
使用：
1、頁面的清單源碼：
這裡必須有兩個div包住清單，作為滾動條出現在區域使用。
2、頁面css樣式：
3、javascript：
由于是移動裝置上使用，不想讓滾動條出現占用空間，是以把其隐藏掉。
頁面效果：
