我的项目里一直使用 sweetalert 插件。

但是有一天,不知道是升级了ioss设备的版本到ios11了, 还是升级了sweetalert的版本。

ios下sweetalert的弹出框就无法显示了,安卓下是正常的,web下也是正常的。

于是我尝试在真机下去调试,通过css定位,发现body. swal2-iosfix 下的 top属性竟然是负值。

于是我尝试修改为:

top:0px!important

发现并无效果。,接着尝试修改其定位为静态定位:

position: static !important ,

弹出框又出现了。

当然,为了避免修改 sweetalert 的源码,我们可以在 app.scss 里直接全局定义即可。

body.swal2-iosfix {
    position: static !important;
}