您的位置:首页 > 编程学习 > Web > 正文

webapp隐藏地址栏

更多 时间:2015-6-14 类别:编程学习 浏览量:1387

webapp隐藏地址栏

webapp隐藏地址栏

方法一、在页面加载完成之后滚动窗口,唯一要注意的是页面高度必须够高

 

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

    方法二、页面高度自适应窗口时,webapp隐藏地址栏

     

  •  
  • JScript 代码   复制
  • 
    $('li').css("height",window.innerHeight+100);  //强制让内容超过  
    
    window.scrollTo(0, 1);  
    
    $("li").css("height",window.innerHeight);  //重置成新高度  
    
    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);  //如果不想让页面滑动,可以加上这段代码
    
    			
  •  

     

    扩展:移动前端隐藏地址工具条

     

  •  
  • JScript 代码   复制
  • 
    /*! Normalized address bar hiding for iOS & Android (c) @scottjehl MIT License */
    (function(win){
    var doc = win.document;
    
    // If there's a hash, or addEventListener is undefined, stop here
    if(!win.navigator.standalone && !location.hash && win.addEventListener){
    
    //scroll to 1
    win.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);
    },false);
    }
    })(this);
    
    			
  •  

    标签:webapp