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

标签 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

关于如何解决这个问题有什么想法吗?

Bootstrap 4

SweetAlert2 7.28.2

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

最佳答案

onAfterClose 参数是您在这种情况下所需要的:

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

关于javascript - SweetAlert2 在关闭后滚动到启动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52542982/

相关文章:

javascript - 如何在 JavaScript 中显示 SweetAlert

javascript - 5列背景DIV填充空白

javascript - 为什么MVC Sweet Alert会自动关闭?

javascript - Symfony - 如何使用 Sweet Alert 使用路由进行表单提交?

javascript - 将类(class)添加到甜蜜警报

javascript - Jade 中的 Sweetalert2

javascript - 删除 Google Maps Api v3 中的标记

javascript - JS 提升如何在函数中工作?

javascript - js 和 css 版本控制

html - 如何在 Angular 6 项目中使用 sweetalert2 中的 InputValidator?