rajouter un rafraichissement d'une page au scroll

Bonjour à tous,

encore un fois je n’y connais rien au js (mais je comprends vos explications

voilà, j’ai une div (remonte" qui contient une image, et j’aurais besoin que la page se rafraichisse quand on clique dessus pour aller au top de la page.

je pense qu’un reload suffirait au js pour cela, mais ai-je raison et comment le mettre ?

Merci à vous

voici le js :

var btn = $('#remonte');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});

Salut,

Pourquoi générer du trafic inutile pour recharger la page ?

Normalement changer le scroll devrait suffire. Tu peux même le faire nativement avec du HTML en mettant un lien vers une ancre (qui peut être en haut de page ou inexistante) autour de ton image, par exemple <a href="#" title="Retour en haut de page"><img src="./ton-image.webp" alt="" /></a>.

L’animation peut être déléguée au navigateur pour utiliser les paramètres de vitesse du système en mettant scroll-behavior: smooth; sur ton conteneur (probablement body).