上拉事件小插件

Posted on 2016-08-04 10:42  沉睡的码农  阅读(134)  评论(0)    收藏  举报

在开发web或者混编时遇到上拉加载等事件

基于jquery

(function(){
   $.fn.extend({
        //上滑加载
        upLoding:function(callBack){
            if(callBack==''||callBack==undefined||callBack==null){
                callBack=function(){}
            }
            var _this=this;
            
            _this.scroll(function(){
                var view_h=_this.height();
                var scroll_h=_this.get(0).scrollHeight;
                var offset_h=_this.scrollTop();
                
                if((view_h+offset_h)==scroll_h){
                    
                    callBack();
                }
                
            })
            
        }
   }) 
})()

页面中引入这个js文件

$('targetBox').upLoding(function(){
    //TODO sometings
});

完毕!!