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

时间:2018-09-27 18:19:28

标签: javascript sweetalert sweetalert2

关闭模式后,我强制浏览器滚动到页面顶部以查看任何错误消息。集成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作为演示。

Scrolling error

关于如何解决此问题的任何想法?

引导程序4

SweetAlert2 7.28.2

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

2 个答案:

答案 0 :(得分:2)

在这种情况下,您需要

onAfterClose参数

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

答案 1 :(得分:1)

真的吗?作者回答你,那就太好了!

我遇到了重定向问题,其中包括丢失导航滚动条,我使用以下代码解决了该问题:

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

谢谢。