Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Normalized hide address bar for iOS & Android
/*
* Normalized hide address bar for iOS & Android
* (c) Scott Jehl, scottjehl.com
* MIT License
*/
(function( win ){
var doc = win.document;
// If there's a hash, or addEventListener is undefined, stop here
if( !location.hash && win.addEventListener ){
//scroll to 1
window.scrollTo( 0, 1 );
var scrollTop = 1,
getScrollTop = function(){
return win.pageYOffset || doc.compatMode === "CSS1Compat" && doc.documentElement.scrollTop || doc.body.scrollTop || 0;
},
//reset to 0 on bodyready, if needed
bodycheck = setInterval(function(){
if( doc.body ){
clearInterval( bodycheck );
scrollTop = getScrollTop();
win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
}
}, 15 );
win.addEventListener( "load", function(){
setTimeout(function(){
//at load, if user hasn't scrolled more than 20 or so...
if( getScrollTop() < 20 ){
//reset to hide addr bar at onload
win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
}
}, 0);
} );
}
})( this );
@harshamv
Copy link

harshamv commented Jun 25, 2014

does this work?

@FabianGabor
Copy link

FabianGabor commented Jul 22, 2014

It doesn't work in Android v4.x

@frontenddeveloping
Copy link

frontenddeveloping commented Jun 18, 2015

This is outdated. Thanks for this snippet. Works on iOS 7- only.

@yazeryanski
Copy link

yazeryanski commented Jan 3, 2021

2020 | That does not work (

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment