JQuery - Прокрутите страницу вверх, затем перезагрузите - PullRequest
0 голосов
/ 22 апреля 2020

Работаю над кнопкой перезапуска для визуализации, которую я строю. Это png с событием onclick следующим образом:

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

Я думал, что, когда я это написал, страница прокрутилась до самого верха, а затем перезагрузилась. Но этого не происходит, он прокручивает небольшую сумму, а затем перезагружается.

Не могли бы вы помочь мне в работе этой функции? Нажмите> Прокрутить вверх> Refre sh

1 Ответ

0 голосов
/ 22 апреля 2020

Это должно помочь

$("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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...