gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 10:02:33 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com