jQuery环境下Swal弹窗点击后居顶不居中问题求助

• 移除错误定位设置：你给.swal2-popup添加的position: static会覆盖SweetAlert2默认的fixed定位逻辑，这是弹窗跑到顶部的核心原因，直接删除这行CSS即可。
• 显式配置弹窗定位：调用Swal时直接声明居中参数，即使是默认值，也能避免被其他样式覆盖，示例代码：

  Swal.fire({
    title: '弹窗标题',
    text: '测试内容',
    position: 'center',
    showConfirmButton: true
  });
  

• 提升自定义CSS优先级：如果存在样式冲突，给居中样式加更高优先级的选择器（必要时用!important临时测试）：

  body .swal2-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  

• 排查页面容器干扰：检查页面中body或弹窗父容器是否设置了transform、perspective或position: relative，这些属性会让fixed定位的弹窗脱离视口基准，改为相对该容器定位。
• 核对SweetAlert2版本：旧版本的弹窗类名可能是.swal-modal而非.swal2-popup，确认你使用的版本对应的正确类名。

内容的提问来源于stack exchange，提问作者gokul