Bonjour, j'ai un script qui fonctionne bien pour redimensionner un logo sur faire défiler vers le bas et retour, mais je ne veux pas qu'il le fasse lorsque la taille de l'écran est inférieure à 600px Comment puis-je modifier pour y parvenir grandement apprécié. }
3 Réponses :
Vous pouvez faire quelque chose comme
essayé mais n'a pas fonctionné si (écran.width> 600px) {window.onscroll = fonction () {défilement de défilement ()}; Fonction Scrollcunction () {if (document.body.scrolltop> 50 || document.documentation.scrolltop> 50) {document.getelementbyid ("Header-logo"). Style.Width = "180px"; } else {document.getelementByID ("Header-logo"). Style.Width = "215px"; }}}
Essayez sans px. et ajouter fenêtre avant l'écran. Donc ... fenêtre.screen.width> 600
En outre, je pense que vous devez prendre en compte la barre de défilement. Vous pouvez utiliser Window.Screen.AvailWidth
Vous pouvez utiliser requêtes multimédia pour atteindre ce
ouais cela fonctionne mais quand la fenêtre est défilée, il remonte à être 215px
Sur Desktop ou Mobile .... Si cela se produit, essayez d'ajouter une classe sur le défilement en utilisant JS, puis de la style .. Cela va certainement faire ça
avec un peu de chance et en utilisant un code de Doombots, je l'ai eu pour travailler avec le dessous
// Lorsque l'utilisateur fait défiler 50 px du haut du document, redimensionnez la taille de la police de l'en-tête
fenêtre.onscroll = fonction () {Scrollfunctionfunction ()}; }