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).

Salut viki

désolé pour cette réponse tardive, je n’ai pas eu d’alerte mail.

Le problème est que j’ai un slider fullscreen en ouverture de page, et celui-ci se bloque régulièrement sur une image quand on scroll en bas pendant une certaine durée. Chose insoluble

La seule solution serait de rafraîchir la page quand on revient à top: 0.

PS : j’ai vraiment tout tenté pour le slider

Encore merci et bonne fin de journée

Dans ce cas, pourquoi ne pas simplement mettre un lien vers la page actuelle ?

Ça reviendrait en haut et rechargerait la page sans avoir recours au moindre JS.

Sinon oui, un simple location.reload() devrait faire le job dans l’écouteur du clic de ton bouton.