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

SweetAlert2 scrolls to initiating element after close

关闭模式后,我强制浏览器滚动到页面顶部以查看任何错误消息。集成 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({
  didClose: () => window.scrollTo(0,0)
})

真的吗?作者回答你,太棒了!!!

我有一个重定向问题,包括丢失导航滚动,我用这个代码解决了它:

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

谢谢。