私は最近、何かに遭遇しましたが、私に何か不足しているかどうかわかりませんが、なぜこれが起こっているのか理解できません。
私は次のjQueryを持つサイトを持っているが、それ上で実行されているスニペット:
$(window).resize(function(){
alert("Resize fired!");
});
私はAndroidの携帯電話のブラウザでサイトにアクセスし、簡単にスクロールアップし、サイトダウン、私が見ることができるとき警戒。
Androidブラウザのスクロールバー(フェードインとフェードアウト)はサイト全体の上にオーバーレイされているため、ウィンドウのサイズ変更を引き起こすようには見えないため、このイベントが発生していないと推測しています。
誰かがAndroidブラウザがこのイベントをスクロールしている理由を知っていますか?
すべての情報をお待ちしております。
EDIT:
私はそれが実行可能な解決策だったが、イベントはまだAndroid上でのスクロールに解雇されているかどうかを確認するためにスクロールするオーバーフロー-Yを設定、ボディのためのCSSを設定しようとしています。
EDIT#2:私は私のHTMLに以下のメタタグを使用しています
:ウィンドウのサイズが実際に行うために、変更された場合は
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
私は、iosで同様の奇妙な問題が発生しています(http://stackoverflow.com/questions/14157942/orientationchange-event-fires-scroll-resize-eventを参照)。空白のhtml(ビューポートメタを含む)とサイズ変更アラートだけを試しましたか?まだそれは発射ですか? –
@c_kickこれは、空のHTMLテストページで発生することが確認できます。私は自分のサイトの振る舞いを変更することでこれを回避することができましたが、なぜこれを行うのかに関する情報はオンラインでは見つかりません – Dan
'$(window).scroll'イベントにバインドしようとしています。スクロールが行われている間に '$(window).resize(function(e){e.stopPropagation();}'を設定していますが、これは迷惑で、回避策を必要としないことに暖かく同意します。 –