代码之家 › 专栏 › 技术社区 › Raymond Holguin

SweetAlert2在关闭后滚动到起始元素

sweetalert2 sweetalert javascript

2

Raymond Holguin · 技术社区 · 6 年前

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作为演示。

引导4

编辑:在简单的JSFiddle中复制 https://jsfiddle.net/s8f12xad/

2 回复 | 直到 6 年前

1

4

Limon Monte 6 年前

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

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

2

1

Limon Monte 6 年前

真正地?作者回答你,那太棒了!!!

我有一个重定向问题,其中包括失去导航滚动,我解决了它与以下代码:

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

非常感谢。