地址欄始終在移動瀏覽器上可見

我試圖讓移動瀏覽器上的地址欄在滾動時保持可見狀態，而不是最小化。有什麼辦法可以做到這一點？地址欄始終在移動瀏覽器上可見

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移動） –

地址欄始終在移動瀏覽器上可見

回答

相關問題