标签：android javascript jquery mobile-safari web-applications

我正在开发一个移动网络应用程序,我正在尝试删除地址栏.除非< body>的自然高度不够高以允许滚动,否则它很容易.尝试我可能找不到可靠的iphone / android,跨设备方法确保< body>高到足以让地址栏消失.我见过的许多方法都依赖于screen.height,这使得页面比它需要的更加清晰.它应该非常高,足以让地址栏消失,不会更高！

有没有人有一个完美处理这个的脚本？我需要确定页面的高度减去iphone和android的地址栏.

我试过了：

screen.height //too tall
window.innerHeight //too short
document.documentElement.clientHeight //too short
document.body.clientHeight //almost but too short

允许JQUERY.

解决方法:

This site还有其他一些建议,但这个严肃,无忧无虑的建议在github:gist中提供并回答您的问题(为方便起见粘贴在这里)：

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 );

据我所知,添加到页面的额外高度(导致问题)和scrollTo()语句的组合使地址栏消失.

从同一站点,隐藏地址栏的“最简单”解决方案是使用scrollTo()方法：

window.addEventListener("load", function() { window.scrollTo(0, 1); });

这将隐藏地址栏,直到用户滚动.

This site将相同的方法放在超时函数中(没有解释理由,但它声称代码在没有它的情况下不能正常工作)：

// When ready...
window.addEventListener("load",function() {
  // Set a timeout...
  setTimeout(function(){
    // Hide the address bar!
    window.scrollTo(0, 1);
  }, 0);
});

标签：android,javascript,jquery,mobile-safari,web-applications
来源： https://codeday.me/bug/20191004/1852900.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。