解决mui下拉刷新上拉加载占全屏的问题

需要放在head里

<script src="js/mui.min.js"></script>
        <script type="text/javascript" charset="utf-8">
            mui.init({
                pullRefresh: {
                    container: '.mui-content',
                    deceleration: 0.0006
                }
            });
            mui.ready(function() {
                scorllInit();
                menuInit();
                loadData();
            });

            function scorllInit() {
                var info = getScreen();

                mui('.mui-control-content').each(function() {
                    this.style.height = info[1] - 84 + 'px';
                });

                mui('.mui-scroll-wrapper').each(function(k, v) {
                    mui(v).scroll({
                        deceleration: (mui.os.ios ? 0.003 : 0.0006)
                    });
                });
            }

            function menuInit() {}

            function loadData() {}

            function getScreen(maxW, maxH) {

                var arr = [
                    document.documentElement.clientWidth || document.body.clientWidth,
                    document.documentElement.clientHeight || document.body.clientHeigth
                ];
                maxW && (function() {
                    if(arr[0] > maxW) {
                        arr[0] = maxW;
                    }
                }());
                maxH && (function() {
                    if(arr[1] > maxH) {
                        arr[1] = maxH;
                    }
                }());
                return arr;
            }
        </script>

 

posted @ 2016-08-13 11:52  一芥华  阅读(648)  评论(0)    收藏  举报