SweetAlert2在关闭后滚动到启动元素

Posted 2021-04-03

关闭模态后，我强制浏览器滚动到页面顶部以查看任何错误消息。在集成SweetAlert2模块以确认提交后，应用程序将在关闭后自动向下滚动回提交按钮，而不是保持在顶部。

submit() {
    swal({
      title: "Submit application",
      html: "All submissions are final",
      type: "warning",
      showCancelButton: true,
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "Cancel"
    }).then(result => {
          window.scrollTo(0,0);
        }
    );
  }

你可以看到我试图在多个区域强制滚动到顶部，这可以工作，但随后它会快速回到底部。请参阅随附的gif作为演示。

有想法该怎么解决这个吗？

Bootstrap 4

SweetAlert2 7.28.2

编辑：转载于简单的JSFiddle https://jsfiddle.net/s8f12xad/

答案

在这种情况下你需要onAfterClose参数：

Swal.fire({
  onAfterClose: () => window.scrollTo(0,0)
})

另一答案

真的吗？作者回答你，多数民众赞成！

我有一个重定向问题，包括丢失导航滚动，我解决了这个代码：

Swal.fire({
    title: 'Example',
    type: 'success',
    onAfterClose: () => window.location.href = "url"
});

谢谢。