Cibler une taille d'écran

Par barpoi78, il y a 7 ans

Bonjour,

Je souhaiterais que mon animation javascript ne se fasse seulement sur les écrans supérieurs à 640px mais je ne sais pas comment faire

Ce que je fais

$(document).ready(function() { $(window).scroll(function() { if($(document).scrollTop() > 150) { $('#scrollspy-nav').addClass('dep'); $('.titre-logo-site').addClass('dep'); } else { $('#scrollspy-nav').removeClass('dep'); $('.titre-logo-site').removeClass('dep'); } }); });

Je vous remercie de votre aide.

2 réponses

Lartak,

il y a 7 ans

Bonsoir.
Tu pourrais peut-être par exemple utiliser window.screen, contrairement à document qui représente la page web, screen représente l'écran de l'utilisateur.

Exemple

barpoi78,

il y a 7 ans

Merci en fin de compte, j'ai fait comme ça:

if (window.matchMedia("(min-width: 700px)").matches) { $(document).ready(function() { $(window).scroll(function() { if($(document).scrollTop() > 150) { $('#scrollspy-nav').addClass('dep'); $('.titre-logo-site').addClass('dep'); } else { $('#scrollspy-nav').removeClass('dep'); $('.titre-logo-site').removeClass('dep'); } } ); }); }