イベントに応答してページ上の要素の位置を変更するresize()
場合 (たとえば、min-width
型の状況をエミュレートするため)、Firefox はイベント ハンドラーが完了するのを辛抱強く待ってから、ウィンドウを再描画します。一方、Chrome は最初に描画し、次にイベント ハンドラーを処理し、必要に応じて再描画します。
Chrome では、再配置される要素が最初に新しい位置 (元の位置 +/- 新しいウィンドウの寸法に基づく) で描画され、次に再計算された位置 (イベント ハンドラーの指示)。
イベントハンドラーを以前に取得するか、Chrome に指示するまで強制的に再描画しないようにする方法が必要です。
これはデバウンス/スロットルの問題ではないことに注意してください。実際、それはこの問題をさらに顕著にします!