ActiveScroll.js is a zepto plugin to deal with the long data list. It will remove dom out of the view when scroll out and resume them when scroll back into the view.
ActiveScroll.js will do the follow works:
1.Create a wrap div for every page of items
2.Record the position of every page
3.When users scroll out of the view,remove pages which we could not see and use the placeholder instead.
4.When users scroll in the view,add items back into the view.
Init the ActiveScroll.js plugin:
var as = $('.list').activeScroll();When we add items of page,we use addItems function instead of adding them to dom tree directly.
as.addItems(newItems);