2016-06-14 27 views
0

私はブートストラップモーダルを使用しているウェブサイトで作業しています。私はiPadで自分のウェブサイトをテストしているときに、モーダルが開かれ、正常に動作します。しかし、私は、ポートレートモードからランドスケープモードに画面を回転させ、モーダルに触れようとするとモーダルが消えます。なぜこれが起こっているのか誰にでも教えられますか?画面がipadで回転するとポップアップが消える

ありがとう。

+0

check css Mediaクエリ画面ファイルのサイズが正しく動作するクラスファイル –

+0

ありがとうMr. MATH.h。私はチェックし、スタイルは限界内で働いています。実際に私がポートレートモードでのみチェックする場合、それは同じように動作します。この問題は、ポップアップが表示された後にウィンドウを回転させたときにのみ発生します。 –

+0

興味深いことに、モーダルイベントのどれが起動されますか、特に 'hidden.bs.modal'です。 https://gist.github.com/Simsso/6f1c46b432443aaf7d5b70d13418fcc4 –

答えて

0

次のコードを使用してください。

$(window).on('resize', function() { 
 
    $('.modal').stop() 
 
       .animate({ 
 
       'top': $(window).scrollTop() 
 
       }, "fast"); 
 
}); 
 
body.modal-open { 
 
    overflow: hidden; 
 
    position: fixed; 
 
}

私はそれに役立つことを願っています。あなたのフィードバックを教えてください。

関連する問題