Page 1 sur 2
Rafraîchir une page lors d'un scrollup
Posté : 27 avr. 2025, 09:34
par Polou
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.
Re: Rafraîchir une page lors d'un scrollup
Posté : 27 avr. 2025, 14:54
par webmaster
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
});
Re: Rafraîchir une page lors d'un scrollup
Posté : 28 avr. 2025, 11:46
par Polou
TOP... GE-NIAL !!! Merci énormément webmaster

Bonne journée !
Re: Rafraîchir une page lors d'un scrollup
Posté : 01 mai 2025, 17:47
par Polou
Bonjour webmaster,
il me semble avoir perdu le scrollto, est-ce quelque chose à régler dans les scripts ?
Encore merci et bon 1er mai

Re: Rafraîchir une page lors d'un scrollup
Posté : 02 mai 2025, 10:12
par webmaster
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
Re: Rafraîchir une page lors d'un scrollup
Posté : 04 mai 2025, 21:48
par Polou
C'est vraiment top javascript

Merci ENORMEMENT webmaster

Re: Rafraîchir une page lors d'un scrollup
Posté : 05 mai 2025, 09:13
par webmaster
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

Re: Rafraîchir une page lors d'un scrollup
Posté : 16 mai 2025, 23:51
par Polou
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

Re: Rafraîchir une page lors d'un scrollup
Posté : 17 mai 2025, 10:29
par webmaster
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...
Re: Rafraîchir une page lors d'un scrollup
Posté : 17 mai 2025, 19:27
par Polou
Super webmaster, merci beaucoup. Je fais ça ASAP.
Encore merci
