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

问题描述 投票:2回答:2

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

javascript sweetalert sweetalert2
2个回答
2
投票

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

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

1
投票

真的吗?作者回答你,多数民众赞成!

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

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

谢谢。

© www.soinside.com 2019 - 2024. All rights reserved.