kaiking_g
kaiking_g
  • 发布:2016-11-21 10:12
  • 更新:2016-11-21 11:40
  • 阅读:1499

上拉刷新,没办法看到底部数据,当页面内容超过页面高度后。看图

分类:MUI

tab刷新:http://www.dcloud.io/hellomui/examples/pullrefresh_with_tab.html

默认刷新:http://www.dcloud.io/hellomui/examples/pullrefresh_main.html

tab刷新,这个案例你应该看过,

它的上下拉刷新,显示的效果不是我想要的,我想改成和默认刷新差不多的效果,现在的问题是,当数据过多超出了页面的高度,底部的数据就拉不上来了,拜托了,大神!

2016-11-21 10:12 负责人:无 分享
已邀请:
莱茵

莱茵 - 编程没有捷径,努力会有所得

我看数据好像都能拉上来了 你现在的问题是上拉的显示效果问题 是吗

  • kaiking_g (作者)

    现在一直在调试,最新问题,就是上拉时候,无法看到底部提示,比如:“正在刷新。。。”,

    2016-11-21 11:07

莱茵

莱茵 - 编程没有捷径,努力会有所得

【你看下你的初始化有没有给提示】

mui.init({
pullRefresh : {
container:refreshContainer,//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback :pullfresh-function //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});

kaiking_g

kaiking_g (作者)

http://www.dcloud.io/hellomui/examples/pullrefresh_with_tab.html

我用的是这个上拉刷新案例,以下是源码:

(function($) {
$.ready(function() {
//循环初始化所有下拉刷新,上拉加载。
//index :对应的tabs索引,前提是这个tabs可上拉下拉刷新。
//pullRefreshEl :捕捉的对象。
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
$(pullRefreshEl).pullRefresh({
up: {
height:5000,//没效果
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",
contentnomore:'没有更多数据了',
callback: function() {
var self = this;
setTimeout(function() {
pullupRefresh(index,self);
self.endPullupToRefresh();
}, 1500);

                            },  
                        },  
                        down: {  
                            callback: function() {  
                                var self = this;  
                                setTimeout(function() {  
                                    self.endPulldownToRefresh();  
                                    pulldownRefresh(index);  
                                }, 1500);  
                            }  
                        }  
                    });  
                });  
            });  
        })(mui);

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