Discussion :

[Micknissart]

Hello à tous,

J'ai besoin de votre aide

Pour faire simple : je souhaite faire apparaître un div lorsque l'on fait défiler la page vers le bas (une flèche pour remonter vers le haut).

Mon code est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// Initial visibility set to "none"
 
const arrowUp = document.getElementById("arrow-up");
 
arrowUp.style.display = "none";
 
 
 
// Visibility set to "block" when scrolling
 
window.addEventListener("scroll", function(){
 
	if(document.scrollTop > 300){
 
		arrowUp.style.display = "block";
	}
	else{
 
		arrowUp.style.display = "none";
	}
}, false);

J'ai fais pas mal de recherche et je ne comprend pas pourquoi il ne fonctionne pas

Pourtant j'ai l'impression que tout est nickel ... Je suis en train de devenir fou

J'ai également essayé d'adapter ce code à mon script ... Mais cela ne fonctionne plus du tout une fois copié-collé o_O

Bref : j'ai besoin d'aide

[Watilin]

Le problème est document.scrollTop : cette propriété est undefined. La comparaison document.scrollTop > 300 renvoie toujours false.
Tu aurais pu t’en rendre compte rapidement en plaçant un console.log(document.scrollTop) dans ta fonction. C’est un réflexe à adopter !

À la place, utilise window.scrollY.