ipad屏幕旋转时弹出消失答案

【问题标题】：Pop up disappearing when screen rotates in ipadipad屏幕旋转时弹出消失
【发布时间】：2016-07-19 18:08:40
【问题描述】：

我正在一个使用引导模式的网站上工作。当我在 iPad 上测试我的网站时，模态被打开并且工作正常。但是每当我尝试将屏幕从纵向模式旋转到横向模式并触摸 on 模态时，模态就会消失。谁能告诉我为什么会这样？

谢谢..

【问题讨论】：

检查 css 媒体查询类文件在屏幕大小方面是否正常工作
感谢 MATH.h 先生。我检查并发现样式在限制范围内工作。实际上，如果我只在纵向模式下检查，如果我只在横向模式下检查，它也可以正常工作，那么它也可以正常工作。只有在显示弹出窗口后旋转窗口时才会出现问题。
看看会触发哪些模态事件会很有趣，尤其是hidden.bs.modal。 gist.github.com/Simsso/6f1c46b432443aaf7d5b70d13418fcc4

【解决方案1】：

使用以下代码。

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

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

我希望它会有所帮助。请让我知道您对此的反馈。

【讨论】：