在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 初始化
滾動(dòng)條信息
滾動(dòng)條
理解核心
基本功能
入門(mén)
自定義事件
無(wú)限滾動(dòng)
初始化
掌握刷新方法
指示器
配置iScroll
銷(xiāo)毀
按鍵綁定
對(duì)齊
iScroll的版本
縮放
高級(jí)選項(xiàng)

初始化

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

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

綜上所述,最小的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)的需求。

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

上一篇:滾動(dòng)條下一篇:基本功能