地址栏始终在移动浏览器上可见

我试图让移动浏览器上的地址栏在滚动时保持可见状态，而不是最小化。有什么办法可以做到这一点？地址栏始终在移动浏览器上可见

2016-08-09 Joseph Zammit

你为什么要这么做？如果我作为用户希望地址栏始终可见，则更改浏览器设置。 – str

我想这样做是因为页内插页式广告。但是，如果您尝试将地址栏滚动到最小并导致图像移动，则在移动设备上固定背景图像。 –

插页式广告和严重的浏览器功能？似乎是一个很好的理由*不*访问该网站。但是，如果您确实需要插页式广告，为什么不在显示时禁用滚动？ – str

以下是iOS设备的示例，只需将您的CSS变量设置为这样即可。

html, body { 
 
    height: 100%; 
 
    overflow: hidden; 
 
} 
 

 
#Body { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    overflow: scroll; 
 
    -webkit-overflow-scrolling: touch; 
 
    overflow-scrolling: touch; 
 
} 
 

 
<html> 
 
    <body> 
 
     <div id='Body'> 
 
      Page content 
 
     </div> 
 
    </body> 
 
</html>

来源

2016-08-09 06:07:55

谢谢，帮助我添加了这个js，以阻止safari上的弹跳，并且它完美无缺。 var xStart，yStart = 0; document.addEventListener（'touchstart'，function（e）{ xStart = e.touches [0] .screenX; yStart = e.touches [0] .screenY; }）; document.addEventListener（'touchmove'，function（e）{var xMovement = Math.abs（e.touches [0] .screenX-xStart）; var yMovement = Math.abs（e.touches [0] .screenY - （y移动）; if（（y移动* 3）> x移动） –

地址栏始终在移动浏览器上可见

回答

相关问题