ftlabs / ftscroller

FTScroller is a cross-browser Javascript/CSS library to allow touch, mouse or scrollwheel scrolling within specified elements, with pagination, snapping and bouncing support.
MIT License
1.19k stars 121 forks source link

is it possiable to implemention "pull to refresh" function on FTscroller? #26

Open chriskoo opened 11 years ago

chriskoo commented 11 years ago

Just know ftscroller for a few days, it's a great scroller js library for mobile device.

Is that possiable to implemention 'pull to refresh' for FTscroller?

Any ideas for this?

guillegr123 commented 10 years ago

I made this class to implement pull to refresh:

var PullToRefresh = function(ftscroller, callback){
    var cb=callback;
    var ptrActivated=false;
    var onScroll=function(data){
        if (data.scrollTop < -30){
            ptrActivated=true;
            return;
        }else if(ptrActivated){
            ptrActivated=false;
            if (data.scrollTop==0){
                cb();
            }
        }
    };
    ftscroller.addEventListener('scroll', onScroll);
};

Then, for using it, do this:

var s = new FTScroller(...);    //Create FTScroller
var ptr = new PullToRefresh(s,function(){
    //Load data here
});