iphone webapp如何隐藏地址栏
  YutfIKDT4bbf 2023年11月02日 33 0


1、很多资料说,添加以下代码,可以隐藏地址栏,但我试了很多次,貌似不成功啊。



<meta name="apple-mobile-web-app-capable" content="yes" />



2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口,这个确实有效,唯一要注意的是页面高度必须够高,核心代码如下:



<script type="text/javascript"> 
      addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); 
      function hideURLbar(){ 
                window.scrollTo(0,1); 
      } 
</script>



3、但是当页面高度自适应窗口(height:100%),以上方法就不适用了,我们需要采用特殊方法:



$('div').css("height",window.innerHeight+100);  //强制让内容超过  

window.scrollTo(0, 1);  

$("div").css("height",window.innerHeight);  //重置成新高度  

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);  //如果不想让页面滑动,可以加上这段代码



 

参考资料:http://jslover.com/?p=357

 

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  f18CFixvrKz8   2024年05月20日   83   0   0 JavaScript
  fxrR9b8fJ5Wh   2024年05月17日   45   0   0 JavaScript
  2xk0JyO908yA   2024年04月28日   36   0   0 JavaScript
YutfIKDT4bbf