上拉加载,下拉刷新

所属分类:UI-滚动,加载

 3518  35  查看评论 (7)
上拉加载,下拉刷新 ie兼容10
/*
container:容器
pull.set:是否启用上拉(下拉);
pull.height:下拉height,触发刷新
pull.callback(this):满足下拉或上拉条件时触发
pull.damprate:阻尼
*/
/*方法  参数为true说明还可以继续操作,为false时说明已经没有数据了
.enduploading(flag)  //上拉加载完成后调用
.endpullrefresh(flag)  //下拉刷新 完成后调用
.inituploading()  //当不是由下拉或上拉改变得容器里面所有内容时,一定要先重置下拉状态,否则会有bug
*/
var refreshbox = new pulltefresh ({参数})
相关插件-滚动,加载

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 17756  172

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 5062  38

jQuery滚轮控制轮播图上下切换(原创)

jQuery滚轮控制轮播图上下切换,简单实用
  滚动
 9473  35

苹果applewatch界面

苹果applewatch界面
  滚动
 7803  39

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    fredlee 0
    2018/4/20 11:26:36
    Light A Fire 0
    2018/4/1 11:37:35
    是基于jq的吗
        仯姩,節操沒了0
        2018/4/4 17:46:52
        纯原生javascript实现
    回复
    tusanpao 0
    2018/3/27 11:05:18
    Р?чка 0
    2018/2/28 16:12:37
    下拉没有刷新啊
        Ape1
        2018/3/6 10:35:00

        下拉有刷新

        var refreshbox = new pulltorefresh({
            container: "#app",
            pull: {
                callback: function() {
                    settimeout(function() {
                        n = 0 addhtml("html") refreshbox.endpullrefresh(true)
                    }, 1000)
                }
            },
            up: {
                callback: function() {
                    settimeout(function() {
                        if (n < 5) {
                            n++addhtml("append") refreshbox.enduploading(true)
                        } else {
                            //没有数据          
                            refreshbox.enduploading(false)
                        }
                    }, 1000)
                }
            }
        })
        仯姩,節操沒了0
        2018/3/27 10:50:55
        如果你在初始化传参的时候没有pull参数,默认是不启用下拉刷新的
    回复
取消回复