我通过在fire(): heightAuto: false中添加一行代码成功地防止了这种情况

Swal.fire({
  heightAuto: false,
  text: "I\'m sure this would run on SWAL2@7*"
)};

基于版本7.*，您可以使用以下样式：

html.swal2-shown,body.swal2-shown { overflow-y: hidden !important; height: auto!important;}

试试这个

$('#comment').click(function(event){
   //....swal stuff
   event.preventDefault();
});

使用backdrop选项并将其设置为false，如下所示。

swal({
   backdrop:false,
   title: "Comment Posted",
   text: "Thanks, your comment has now been successfully posted.",
   type: "success"
});

对于那些仍然有同样的问题，你可以添加这个：“高度自动：false”添加到您的Sweet Alert选项，问题就解决了。

Swal.fire({
heightAuto: false,
title: 'Hello',
Text: 'This is an alert'
});

这是那些给自己的身体添加了隐藏溢出的人的常见问题。
来源：https://github.com/sweetalert2/sweetalert2/issues/781
解决方案很简单...添加到您的CSS：

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: visible !important; }

有时候你可能需要更多。我试着使用前面的答案，但是在Electron上不起作用。我通过使用heightAuto和background修复了这个问题。使用rgba值似乎可以很好地模拟默认背景。手动设置背景是唯一修复这个问题的方法。

swal({
   title: "Title here",
   text: "Text here",
   icon: "success",
   heightAuto: false,
   backdrop: "rgba(0,0,0,0.4)"
});

嗯！我正在使用sweetalert 2版本11.7.2（带有React），也遇到了同样的问题。我已经修了一整天，意识到问题不在sweetalert 2上，因为www.example.com上的演示https://sweetalert2.github.io/#icons没有同样的问题。
我仔细检查了我的代码，发现问题出在a标签上。
特别是当我点击a标签的时候sweetalert模式会弹出来，但是我设置了href="#”属性，这就是问题所在。当href="#"的时候，那个a标签会自动把你带到页面的顶部。
所以修正是 很简单，用onClick事件把a标签改成button或者span标签，如果你不想丢失a标签，就不要声明href属性。
希望这个帮助，因为所有的维修建议在这个网站上没有为我工作.

我得到了它的工作使用，我有这个问题在移动的和它把身体的位置固定，它使html有0高度。

body.swal2-shown, body.swal2-shown.swal2-iosfix {
position: initial !important;

}