当屏幕在ipad中旋转时弹出消失

Question

我正在使用bootstrap模式的网站上工作。当我在iPad上测试我的网站时，模态打开并正常工作。但是每当我尝试将屏幕从纵向模式旋转到横向模式并触摸模态时，模态就会消失。任何人都可以告诉我为什么会这样吗？

谢谢..

Answer 1

使用以下代码。

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

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

我希望它会有所帮助。请告诉我你的反馈意见。