JQuery - 滚动到页面顶部，然后重新加载
[英]JQuery - Scroll to top of page, then reload
问题描述
为我正在构建的可视化处理重新启动按钮。 这是一个带有 onclick 事件的 png，如下所示：
$('.restart').on('click', function(){
$(document).ready(function(){
$("html, body").animate({ scrollTop: 0 }, "slow").then(location.reload(true));
})});
顺便说一句，我认为页面会滚动到顶部然后重新加载。 但这并没有发生，它会滚动少量然后重新加载。
你能帮我让这个 function 工作吗？ 单击 > 滚动顶部 > 刷新
1 个解决方案
解决方案1
0 已采纳 2020-04-22 14:12:19
这应该有帮助
$("a[href='#top']").click(async () => { await $("html, body").animate({ scrollTop: 0 }, "slow"); await setTimeout( () => { location.reload(true); },300); });
<.DOCTYPE html> <html> <head> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <meta charset="utf-8"> <title>Scroll to the top of the page with jQuery</title> </head> <body> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <p>jquery</p> <a href='#top'>Go Top</a> </body> </html>
XUL：滚动到顶部并重新加载页面
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.