chekit
10/27/2015 - 9:07 PM

Hide Browser Address Bar - Android + iPhone

Hide Browser Address Bar - Android + iPhone

//На одном из проектов оказалось, что достаточно добавить body position:fixed
//Ситуация была: на мобильных меню при открытии становилось fixed, но при прокрутке снизу из-за адресной строки появлялся "провал"
//Так же для манипуляции меню к body добавлялся класс .show-nav
//В моей ситуации оказалось достаточно просто добавить в show-nav position: fixed (пофиксить body)

function hideAddressBar()
{
  if(!window.location.hash)
  {
      if(document.height < window.outerHeight)
      {
          document.body.style.height = (window.outerHeight + 50) + 'px';
      }

      setTimeout( function(){ window.scrollTo(0, 1); }, 50 );
  }
}

window.addEventListener("load", function(){ if(!window.pageYOffset){ hideAddressBar(); } } );
window.addEventListener("orientationchange", hideAddressBar );