JavaScriptオーバーレイの背後にある画像に影響を与えます。

Question

背景：私は1つの列に表示されるモバイルで反応するイメージのページを持っています。ユーザーが初めて自分のページにアクセスしたとき、私はJavaScriptポップアップを持っています。メーリングリストに登録するかどうか尋ねます。

問題：モバイルでは、ポップアップが画像をオーバーレイすると、すべてが960pxの幅に伸びます。ポップアップの前に、すべての画像がモバイル用に通常のサイズになります。したがって、ポップアップが読み込まれるまで、画像は1秒間標準で読み込まれます。最後にポップアップを閉じると、ブラウザの向きを変更したり、サイズを変更したり（デスクトップの場合）、画像のサイズが変更されません。

質問：引き伸ばしている画像で何が起こっているのかをテストするにはどうすればよいですか？ JSでリスナーを追加して、幅が変更されるたびにコンソールを更新できますか？誰がどのくらい幅を更新しているのか、どうすればいいですか？

Answer 1

私は、ポップアップモーダルがページのHTMLタグをクラスに追加していたために、非常に短い問題が発生しました。そのクラス "no-scroll"は設定位置です：HTMLタグに固定されています。何らかの理由で、これが起こってモーダルがステージ上にポップアップした場合、バックグラウンドのすべての表示可能な画像は、モバイルではなくデスクトップで表示されているかのように伸びます。その属性がノースクロールクラスから削除された後

これは非常にランダムで、尋ねられる前にもっとよく質問されていたはずの質問です。