Cibler une taille d'écran

barpoi78
Javascript

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
Réponse acceptée

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
Auteur
Réponse acceptée

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');
      }
    }
    );
  });
}