モバイルブラウザでアドレスバーが常に表示される

モバイルブラウザのアドレスバーをスクロールしたままで、最小化されないように維持しようとしています。私はこれを行うことができる方法はありますか？モバイルブラウザでアドレスバーが常に表示される

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を追加し、それは完璧に働くのに役立ちました。 var xStart、yStart = 0; document.addEventListener（ 'touchstart'、function（e）{ xStart = e.touches [0] .screenX; yStart = e.touches [0] .screenY; }）; document.addEventListener（ 'touchmove'、関数（E）{ VAR xMovement = Math.abs（e.touches [0] .screenX - XSTART）; VAR yMovement = Math.abs（e.touches [0] .screenY - yStart）; if（（yMovement * 3）> xMovement）{ e.preventDefault（）; } }）; –

モバイルブラウザでアドレスバーが常に表示される

答えて

関連する問題