Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-10 23:53:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed toolbars are fixed toolbars are fixed

Browse source
This commit is contained in:
scottjehl 2010-10-04 20:09:10 -04:00
parent 9b810283a6
commit 60d256c4b2
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
js/jQuery.mobile.fixHeaderFooter.js
View file

@ -57,7 +57,7 @@ $.fixedToolbars = (function(){
stickyFooter.before( stickyFooter.clone().addClass('ui-footer-duplicate') ); stickyFooter.before( stickyFooter.clone().addClass('ui-footer-duplicate') );
} }
$(event.target).find('[data-role="footer"]').addClass('ui-footer-duplicate'); $(event.target).find('[data-role="footer"]').addClass('ui-footer-duplicate');
stickyFooter.appendTo('body'); stickyFooter.appendTo('body').css('top',0);
setTop(stickyFooter); setTop(stickyFooter);
} }
}); });
@ -65,9 +65,9 @@ $.fixedToolbars = (function(){
//after page is shown, append footer to new page //after page is shown, append footer to new page
$('.ui-page').live('pageshow', function(event, ui){ $('.ui-page').live('pageshow', function(event, ui){
if( stickyFooter && stickyFooter.length ){ if( stickyFooter && stickyFooter.length ){
stickyFooter.appendTo(event.target); stickyFooter.appendTo(event.target).css('top',0);
setTop(stickyFooter);
} }
$.fixedToolbars.show(true);
}); });
}); });
@ -75,10 +75,9 @@ $.fixedToolbars = (function(){
function setTop(el){ function setTop(el){
var fromTop = $(window).scrollTop(), var fromTop = $(window).scrollTop(),
thisTop = el.offset().top, thisTop = el.offset().top,
thisCSStop = parseFloat(el.css('top')), thisCSStop = el.css('top') == 'auto' ? 0 : parseFloat(el.css('top')),
screenHeight = window.innerHeight, screenHeight = window.innerHeight,
thisHeight = el.outerHeight(); thisHeight = el.outerHeight();
if( el.is('.ui-header-fixed') ){ if( el.is('.ui-header-fixed') ){
return el.css('top', fromTop - thisTop + thisCSStop); return el.css('top', fromTop - thisTop + thisCSStop);
} }
@ -95,9 +94,9 @@ $.fixedToolbars = (function(){
//exposed methods //exposed methods
return { return {
show: function(){ show: function(immediately){
currentstate = 'overlay'; currentstate = 'overlay';
return $('.ui-header-fixed,.ui-footer-fixed').each(function(){ return $('.ui-header-fixed,.ui-footer-fixed:not(.ui-footer-duplicate)').each(function(){
var el = $(this), var el = $(this),
fromTop = $(window).scrollTop(), fromTop = $(window).scrollTop(),
thisTop = el.offset().top, thisTop = el.offset().top,
@ -105,17 +104,17 @@ $.fixedToolbars = (function(){
thisHeight = el.outerHeight(), thisHeight = el.outerHeight(),
alreadyVisible = (el.is('.ui-header-fixed') && fromTop <= thisTop + thisHeight) || (el.is('.ui-footer-fixed') && thisTop <= fromTop + screenHeight); alreadyVisible = (el.is('.ui-header-fixed') && fromTop <= thisTop + thisHeight) || (el.is('.ui-footer-fixed') && thisTop <= fromTop + screenHeight);
if( !alreadyVisible ){ if( !alreadyVisible && !immediately ){
el.addClass('in').animationComplete(function(){ el.addClass('in').animationComplete(function(){
el.removeClass('in'); el.removeClass('in');
}); });
setTop(el);
} }
setTop(el);
}); });
}, },
hide: function(immediately){ hide: function(immediately){
currentstate = 'inline'; currentstate = 'inline';
return $('.ui-header-fixed,.ui-footer-fixed').each(function(){ return $('.ui-header-fixed,.ui-footer-fixed:not(.ui-footer-duplicate)').each(function(){
var el = $(this); var el = $(this);
if(immediately){ if(immediately){
el.css('top',0); el.css('top',0);