[Résolu] Désactiver "l'effet scroll parallax" pour les petit

Bonjour,

J'ai utilisé un effet scroll parallax sur un site. Je n'ai pas trouvé de site pour lequel cet effet fonctionne pour une taille d'écran "petite".

j'aimerai donc le déactiver pour les petits écrans car il fonctionne mal et fait que le site n'est pas super pour les petits écrans.

Y a t'il une méthode pour "désactiver" le parallax ?
(ce dernier fonctionnant avec Jquery, javascript)

ou bien faut il créer 2 choses identiques : 1 utilisant le parallax et l'autre non ?

merci pour votre aide

Bonjour,

Pour désactiver (ou plutôt, pour ne pas activer) les éléments css relatifs au scroll parallax, pour les petits écrans, utiliser les média queries, par exemple :

@media (min-width:480px) {.....} 

Pour ne pas activer les instructions javascript relatives au scroll parallax, pour les petits écrans, utiliser les propriétés de l'objet window.screen (availHeight, availWidth, height, width), par exemple :

if (window.screen.availWidth > 480)
   {.........}

Modifié par jlon (01 Jul 2014 - 16:58)

merci beaucoup jlon ...
je ne vais pas utiliser les media queries car j'aimerai laisser les images et ne pas activer le parallax.
Donc je vais essayer windows.screen....

c'est vrai c'est pas bête de faire ça .... la nulle, j'y avais pas penser

je teste .......

okay ça fonctionne forcément....

merci beaucoup jlon !