与羊共舞
与羊共舞
  • 发布:2015-09-03 00:25
  • 更新:2015-09-06 00:22
  • 阅读:1627

上拉加载下拉刷新一个很实用的api没有吗

分类:MUI

api描述:滚动中外部事件的处理

举例:我的列表页面有一个浮动的购物车,我想让它在向上滚动的时候呈现,下拉滚动的时候隐藏,找了很久没找到处理方法

2015-09-03 00:25 负责人:无 分享
已邀请:
chender

chender - 与人为善

监听window.onscroll事件应该就行了吧

与羊共舞

与羊共舞 (作者)

mui重新封装了scrol事件,不是window.onscroll事件,5+版本andorid都是调用div滚动的类

与羊共舞

与羊共舞 (作者)

这个层滚动mui算比较流畅,我测试了国内外所有的层滚动,mui算是最流畅的

chender

chender - 与人为善

除非那个滚动条是div的滚动条,不是原生的滚动条,要不然onscroll肯定是能触发的

与羊共舞

与羊共舞 (作者)

是div的滚动条

与羊共舞

与羊共舞 (作者)

类似iSCROLL的实现方式

chender

chender - 与人为善

那就监听drag或者touchmove事件

Back

Back

刚刚项目做了一个类似的效果,分享一下,
var ele=document.getElementById("product_price_btn");
var sh=ele.offsetTop;
document.addEventListener("scroll",function(){
if(document.body.scrollTop>=sh-50)
{
ele.className="backcss-fixed";
}
else
{
ele.className="null";
}
});

好冷

好冷 - 诚接外包,QQ:23380891

helloMUI里有个demo,不知道是不是撸主需要的

$.ready(function() {  
    //循环初始化所有下拉刷新,上拉加载。  
    $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {  
        $(pullRefreshEl).pullToRefresh({  
            down: {  
                callback: function() {  
                    var self = this;  
                    setTimeout(function() {  
                        var ul = self.element.querySelector('.mui-table-view');  
                        ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);  
                        self.endPullDownToRefresh();  
                    }, 1000);  
                }  
            },  
            up: {  
                callback: function() {  
                    var self = this;  
                    setTimeout(function() {  
                        var ul = self.element.querySelector('.mui-table-view');  
                        ul.appendChild(createFragment(ul, index, 5));  
                        self.endPullUpToRefresh();  
                    }, 1000);  
                }  
            }  
        });  
    });  
});

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