jstech
jstech
  • 发布:2016-03-25 16:00
  • 更新:2016-03-26 13:38
  • 阅读:3000

pullToRefresh 对象如何 通过js 滚到顶端

分类:MUI

当pullToRefresh对象加载了很多数据后,清空内容,重新加载时,出现空白

mui.ready(function() {  
                    //循环初始化所有下拉刷新,上拉加载。    
                    var ss = document.getElementById("ss");  
                    mui(ss).pullToRefresh({  
                            up: {  
                                auto:1,  
                                callback: function() {  
                                    // this is ss  
                                    ajax_getorders(this);  
                                }  
                            }  
                        });   

                    mui(".mui-scroll").on('tap','.mui-control-item', function(e){  
                        //console.log(e);  
                        getorder(this);  
                    });  

                });  

function getorder(self){  
            //内容区滚动到顶部  
            //mui('#ss').pullRefresh().scrollTo(0,0,100);  
            if(self.className.indexOf("mui-active") != -1){  
                return;  
            }  
            // clear dom, reset page,trigger pull(get data, add dom)  
            document.getElementById("neworder").innerHTML ="" ;  
            document.getElementById("nextPage").value =  "";  
            document.getElementById("currentPage").value = "";  

            if(self.title == '今天'){     
                document.getElementById("tagid").value = 0;  
            }else if(self.title == '本月'){  
                document.getElementById("tagid").value = 1;  
            }else if(self.title == '三个月内'){  
                document.getElementById("tagid").value = 2;  
            }else if(self.title == '今年'){  
                document.getElementById("tagid").value = 3;  
            }  
            getPullRefreshApi("ss").pullUpLoading();  
        }  

        function getPullRefreshApi(id){  
            return  mui.data[document.getElementById(id).getAttribute("data-pullToRefresh")];  
        }
2016-03-25 16:00 负责人:无 分享
已邀请:
jstech

jstech (作者)

已经解决。滚动内容回到顶部。

// 到底如何让 内容区滚动到顶部 已经解决
// <div id="scroll1" class="mui-scroll-wrapper">
mui('#scroll1').scroll().scrollTo(0,0);

Jacky_1994

Jacky_1994 - 养成中

function(){
document.body.scrollTop=document.documentElement.scrollTop=0;
}
对了请采纳然后把分给我,刚注册的新人

  • jstech (作者)

    经过测试,你说的方法,没有任何作用

    2016-03-25 16:09

  • Jacky_1994

    喔,坐等楼下大神。哈嘿~~~

    2016-03-25 16:13

该问题目前已经被锁定, 无法添加新回复