J'ai des problèmes avec un script JS sur un menu. J'ai le même menu mais j'ai conçu différemment pour PC et versions plus petites. Et je veux que ce script n'affecte que le menu lorsque l'écran est inférieur à la largeur de la x. Comment puis-je atteindre cet objectif?
Ceci est mon script
3 Réponses :
Vous pouvez utiliser fenêtre code>
largeur code> propriété de
jQuery code>
ou fenêtre.Terwidth code> vanilla
Vérifiez la largeur de la fenêtre (navigateur croiseur), puis exécutez votre script de manière conditionnelle.
var x = 400, w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if (w < x) { console.log(w, 'true') // do stuff here when screen is smaller } else { console.log(w, 'false') // do stuff here when screen is larger }
Plus d'infos ici Stackoverflow.com/questions/1766861/...
Pour vérifier la largeur de la fenêtre (navigateur croiseur), vous pouvez utiliser Cela pourrait vous aider: P> fenêtre code>,
écran code> et
largeur code> propriété de JavaScript.
//Smaller screen sizes
var size = 768;
if(window.screen.width < size) {
//Your code for smaller screen sizes here
}
else
{
//Your code for Larger screen sizes here
}