Всплывающее окно исчезает, когда экран вращается в ipad

Я работаю над сайтом, где я использовал bootstrap modal. Когда я тестирую свой веб-сайт в iPad, модальный становится открытым и работает отлично. Но всякий раз, когда я пытаюсь повернуть экран из портретного режима в ландшафтный и коснуться модального, модальный исчезает. Может ли кто-нибудь сказать мне, почему это происходит?Всплывающее окно исчезает, когда экран вращается в ipad

Спасибо ..

источник

2016-06-14 Abdul Vahid

проверить css Media Queries класс файл, работающий правильно относительно размера экрана –

спасибо Mr. MATH.h. Я проверил, и стили работают в пределах. На самом деле, если я смотрю только в режиме портрета, он работает отлично, если я проверяю только в ландшафтном режиме, а затем и его рабочий режим. Проблема возникает только тогда, когда я поворачиваю окно после отображения всплывающего окна. –

Было бы интересно посмотреть, какой из модальных событий уволен, особенно 'hidden.bs.modal'. https://gist.github.com/Simsso/6f1c46b432443aaf7d5b70d13418fcc4 –

Используйте следующий код.

$(window).on('resize', function() { 
 
    $('.modal').stop() 
 
       .animate({ 
 
       'top': $(window).scrollTop() 
 
       }, "fast"); 
 
});

body.modal-open { 
 
    overflow: hidden; 
 
    position: fixed; 
 
}

Я надеюсь, что это поможет. Пожалуйста, дайте мне знать ваши отзывы об этом.

источник

2016-07-19 10:08:40

Всплывающее окно исчезает, когда экран вращается в ipad

ответ

Смежные вопросы