Question

使用重新启动按钮创建可视化图像。这是一个带有onclick事件的png，如下所示：

  $('.restart').on('click', function(){
    $(document).ready(function(){
    $("html, body").animate({ scrollTop: 0 }, "slow").then(location.reload(true));
  })});

我认为，以我撰写本文的方式，页面将滚动到顶部，然后重新加载。但这并没有发生，它将滚动少量然后重新加载。

您能否帮助我使此功能正常工作？点击>滚动顶部>刷新

Answer 1

这应该有所帮助

$("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>

jQuery-滚动到页面顶部，然后重新加载

1 个答案: