SweetAlert2 在关闭后滚动到启动元素
SweetAlert2 scrolls to initiating element after close
关闭模式后,我强制浏览器滚动到页面顶部以查看任何错误消息。集成 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 作为演示。
关于如何解决这个问题有什么想法吗?
Bootstrap 4
SweetAlert2 7.28.2
编辑:转载于简单的 JSFiddle https://jsfiddle.net/s8f12xad/
onAfterClose
参数是您在这种情况下所需要的:
Swal.fire({
didClose: () => window.scrollTo(0,0)
})
真的吗?作者回答你,太棒了!!!
我有一个重定向问题,包括丢失导航滚动,我用这个代码解决了它:
Swal.fire({
title: 'Example',
type: 'success',
onAfterClose: () => window.location.href = "url"
});
谢谢。
关闭模式后,我强制浏览器滚动到页面顶部以查看任何错误消息。集成 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 作为演示。
关于如何解决这个问题有什么想法吗?
Bootstrap 4
SweetAlert2 7.28.2
编辑:转载于简单的 JSFiddle https://jsfiddle.net/s8f12xad/
onAfterClose
参数是您在这种情况下所需要的:
Swal.fire({
didClose: () => window.scrollTo(0,0)
})
真的吗?作者回答你,太棒了!!!
我有一个重定向问题,包括丢失导航滚动,我用这个代码解决了它:
Swal.fire({
title: 'Example',
type: 'success',
onAfterClose: () => window.location.href = "url"
});
谢谢。