Rafraîchir une page lors d'un scrollup

Pour toutes les discussions javascript, jQuery et autres frameworks
Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Rafraîchir une page lors d'un scrollup

Message par Polou » 27 avr. 2025, 09:34

Bonjour,
je souhaiterais que ma page se rafraichisse lorsque qu'on clique sur le scoll-up.
Effectivement mon site montre à top:0 un slider et ce dernier se bloque très régulièrement lorsqu'on scroll vers le bas; donc le scroll-up montre un slider "figé".
Peut-on lier ces deux fonctions ?
Voici le script de mon SCrollTo au cas où :

Code : Tout sélectionner

<script>
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');
});
 
 
</script>
Merci énormément.

Avatar du membre
webmaster
Administrateur du site
Messages : 620
Enregistré le : 28 févr. 2017, 15:19

Re: Rafraîchir une page lors d'un scrollup

Message par webmaster » 27 avr. 2025, 14:54

Bonjour

Pour rafraichir la page au retour en haut de page, il faut ajouter :

Code : Tout sélectionner

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
  window.location=document.location.href
});
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Re: Rafraîchir une page lors d'un scrollup

Message par Polou » 28 avr. 2025, 11:46

TOP... GE-NIAL !!! Merci énormément webmaster :)
Bonne journée !

Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Re: Rafraîchir une page lors d'un scrollup

Message par Polou » 01 mai 2025, 17:47

Bonjour webmaster,
il me semble avoir perdu le scrollto, est-ce quelque chose à régler dans les scripts ?
Encore merci et bon 1er mai ;)

Avatar du membre
webmaster
Administrateur du site
Messages : 620
Enregistré le : 28 févr. 2017, 15:19

Re: Rafraîchir une page lors d'un scrollup

Message par webmaster » 02 mai 2025, 10:12

Bonjour

Il faut peut etre mettre un timer pour laisser le temps de faire l'animation

Code : Tout sélectionner

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
  setTimeout( () => {
	  window.location=document.location.href
	 }, 400);
});
J'espère que ca répondra à la demande
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Re: Rafraîchir une page lors d'un scrollup

Message par Polou » 04 mai 2025, 21:48

C'est vraiment top javascript :D
Merci ENORMEMENT webmaster ;)

Avatar du membre
webmaster
Administrateur du site
Messages : 620
Enregistré le : 28 févr. 2017, 15:19

Re: Rafraîchir une page lors d'un scrollup

Message par webmaster » 05 mai 2025, 09:13

Content que ca te soit utile

C'est vrai que le JS est assez magique.
25 ans que j'en fais et j'aime toujours autant :)
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Re: Rafraîchir une page lors d'un scrollup

Message par Polou » 16 mai 2025, 23:51

Bonsoir à tous,
désolé de revenir sur ce topic mais j'ai un petit souci :
Quand je scroll de bas en haut, le retour à la première div (slider) fonctionne à merveille. Encore MERCI !
Mais si je passe par le menu, le retour se fait sur le div parent.
Par exemple : si je vais via le menu sur la div 3 (qui contient X div), quand je scroll et que je fais un retour to top, le bouton va chercher le top: 0 de la div 3.
Que puis-je faire ?
Merci beaucoup et bon week-end ;)

Avatar du membre
webmaster
Administrateur du site
Messages : 620
Enregistré le : 28 févr. 2017, 15:19

Re: Rafraîchir une page lors d'un scrollup

Message par webmaster » 17 mai 2025, 10:29

Bonjour

Je ne vois pas trop de raison
le scrollTop est bien associé au body. Il devrait concerner donc la position de la page entière

Peut-etre qu'avec le nouveau code complet je pourrai mieux voir d'ou vient le décalage...
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Polou
Messages : 9
Enregistré le : 13 févr. 2023, 11:51

Re: Rafraîchir une page lors d'un scrollup

Message par Polou » 17 mai 2025, 19:27

Super webmaster, merci beaucoup. Je fais ça ASAP.
Encore merci :)

Répondre