android - モバイルクロムはスクロール時にサイズ変更イベントを発生させます

Question

Galaxy s4、Android 4.2.2でchromeモバイルブラウザーを使用していますが、何らかの理由でページを下にスクロールするたびに、jquery.cycle2スライドショーからの画像のスケーリングによって検証されたサイズ変更イベントが発生します。

なぜこれが起こっているのでしょうか？

Answer 1

好奇心のために、私はそれを再現しようとしていました.私が正しければ、これはナビゲーションのクロムバーが原因です.

下にスクロールしてクロムがブラウザーのナビゲーション バーを非表示にすると、ウィンドウのサイズが変更されますが、これは正しいことです。その後、ブラウザーのナビゲーション バーに残された空きスペースにより、ウィンドウ サイズが大きくなるためです。

関連記事：https ://developers.google.com/web/updates/2016/12/url-bar-resizing

この動作を回避するには、CWitty の回答を検討してください。

Answer 2

まだ面白いかどうかはわかりませんが、私の解決策は:)

var document_width, document_height;

$(document).ready(function()
{
	document_width=$(document).width(); document_height=$(document).height();
    // Do something
}

$(window).resize(function()
{
    if(document_width!=$(document).width() || document_height!=$(document).height()) 
    {
        document_width=$(document).width(); document_height=$(document).height();
        // Do something
    }
}	

Answer 3

resizeさまざまなモバイル ブラウザで発火する可能性のあるものが多数あることが判明しました。

外部リソースにリンクするのが理想的ではないことはわかっていますが、QuirksMode には、ここで複製 (または維持) したくない読み取り可能なテーブルがあります: http://www.quirksmode.org/dom/events/resize_mobile.html

例を挙げると、どうやら多くのブラウザーでは、ソフト キーボードを開くとイベントが発生するようです。