4 lines
2.6 KiB
JavaScript
4 lines
2.6 KiB
JavaScript
(function($,window,document,undefined){var IosList=function(elem,options){this.$elem=$(elem);this.$elem.data('instance',this);this.init(options);};IosList.prototype={defaults:{classes:{animated:'ioslist-animated',container:'ioslist-wrapper',hidden:'ioslist-hidden',stationaryHeader:'ioslist-fake-header'},selectors:{groupContainer:'.ioslist-group-container',groupHeader:'.ioslist-group-header',stationaryHeader:'h2'}},init:function(options){var scope=this,isIOS=navigator.userAgent.match(/ipad|iphone|ipod/gi)?true:false;this.options=$.extend(true,{},this.defaults,(options||{}));this.elems=[];this.$elem.addClass('ioslist');this.$elem.children().wrapAll(["<div class='",this.options.classes.container,"' data-ios='",isIOS,"'></div>"].join(''));this.$elem.prepend(['<',this.options.selectors.stationaryHeader,'/>'].join(''));this.$listWrapper=this.$elem.find('.'+ this.options.classes.container);this.$fakeHeader=this.$elem.find(this.options.selectors.stationaryHeader).eq(0);this.$fakeHeader.addClass(this.options.classes.stationaryHeader);this.$elem.find(this.options.selectors.groupContainer).each(function(index,elem){var $tmp_list=scope.$elem.find(scope.options.selectors.groupContainer).eq(index),$tmp_header=$tmp_list.find(scope.options.selectors.groupHeader).eq(0),$tmp_listHeight=$tmp_list.height(),$tmp_listOffset=$tmp_list.position().top;scope.elems.push({'list':$tmp_list,'header':$tmp_header,'listHeight':$tmp_listHeight,'headerText':$tmp_header.text(),'headerHeight':$tmp_header.outerHeight(),'listOffset':$tmp_listOffset,'listBottom':$tmp_listHeight+ $tmp_listOffset});});this.$fakeHeader.text(this.elems[0].headerText);this.$listWrapper.scroll(function(){scope.testPosition();});},testPosition:function(){var currentTop=this.$listWrapper.scrollTop(),topElement,offscreenElement,topElementBottom,i=0;while((this.elems[i].listOffset- currentTop)<=0){topElement=this.elems[i];topElementBottom=topElement.listBottom- currentTop;if(topElementBottom<-topElement.headerHeight){offscreenElement=topElement;}
|
|
i++;if(i>=this.elems.length){break;}}
|
|
if(topElementBottom<0&&topElementBottom>-topElement.headerHeight){this.$fakeHeader.addClass(this.options.classes.hidden);$(topElement.list).addClass(this.options.classes.animated);}else{this.$fakeHeader.removeClass(this.options.classes.hidden);if(topElement){$(topElement.list).removeClass(this.options.classes.animated);}}
|
|
if(topElement){this.$fakeHeader.text(topElement.headerText);}}};$.fn.ioslist=function(options,args){if(typeof options==='string'){return this.each(function(){$(this).data('instance')[options](args);});}else{return this.each(function(){new IosList(this,options);});}};})(jQuery,window,document); |