mui 左右滑動效果

　　好記性不如爛筆頭，與其每次都在網上找不如記自己博客。以前我覺得反正網上都有，一些細節性的東西不需要記，現在我發現不是這么回事，主要是現在網上東西太駁雜，有時候短時間很難找出自己想要的答案。

　　好了，簡單說下mui如何設置滑動。

　　最近將要做一個手機端頁面，顯示一個1-12月份的數據圖表，由於屏幕的關系橫向顯示不下，因此需要支持左右滑動，具體做法如下：

　　關鍵html+js代碼：

<!-- 主頁面內容容器 -->
                <div class="mui-content mui-scroll-wrapper"> 
                    <div id="container" style="min-width:400px;height:400px;width: 1000px;"></div>
                </div>

    // scroll左右滾動
    mui(".mui-scroll-wrapper").scroll({
        // deceleration: 0.0005 //flick 減速系數，系數越大，滾動速度越慢，滾動距離越小，默認值0.0006
        scrollY: false, //是否豎向滾動
        scrollX: true, //是否橫向滾動
        startX: 0, //初始化時滾動至x
        startY: 0, //初始化時滾動至y
        // indicators: true, //是否顯示滾動條
        deceleration: 0.0008, //阻尼系數,系數越小滑動越靈敏
        bounce: true //是否啟用回彈
    });

　　效果圖：

　　

 

　　圖表插件這里就不細說，頁面布局啥的參照mui的標准來即可。

　　

　　以上。