如何让sweetalert2在不可滚动页面上不隐藏滚动条？

Question

现在我遇到了 sweetalert2 的问题。 我有一个网站，有些页面需要滚动，有些页面不需要滚动。 所以我通过使用解决了这个问题

body {
  overflow-y: scroll;
}

我现在的问题是 如果 sweetalert2 在无法上下滚动的网页中工作（但使用

overflow-y: scroll;

保持滚动条打开） 这将导致滚动条消失并且站点的位置移动。

如果我使用

backdrop: false

它会解决我的问题，但我的背景会消失。 而且不会很漂亮

但是如果是可以上下滚动的网页就不会有这个问题 我应该做什么来修复它:(

sweetalert2 使用时不会隐藏滚动条

overflow-y: scroll

位于无法滚动的页面上 让页面不动

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

不工作

Answer 1

如果我正确理解你的问题，你想将“heightAuto”属性设置为 false。

每次 SWAL 调用：

Swal.fire({
  heightAuto: false,
)};

或者对于您所有的 SWAL 调用：

var defaultParams = {
    ...
    heightAuto: false,
    ...
};

我认为发生这种情况是因为 SWAL 模式占据了屏幕的整个高度，因此滚动条消失了。

但是通过阻止它具有自动高度，应该可以防止原始滚动条被删除。

至少这对我有用。