Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1306 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Désactiver Scrolling Auto de la page par la Molette (souris)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Désactiver Scrolling Auto de la page par la Molette (souris)

n°2375123
valloche23
Développpeur et monteur vidéo
Posté le 03-02-2021 à 22:57:24  profilanswer
 

Hello tout le monde ^^
 
J'ai un petit soucis qui technique qui m'embête pas mal et dont j'arrive pas à trouver sur Internet xD
 
En faite, j'ai créer une petite appli en HTML5, mais dans celle-ci, j'utilise la molette de la souris pour faire des zooms / dézoom sur la scène, et j'utilise parfois les flèches de déplacements du clavier.
 
Malheureusement, et c'est embêtant, à chaque fois que j'utilise l'un ou l'autre, ça fait défiler la page web où l'application est hébergé par le scrolling automatique. (comme la page est grande verticalement, on se retrouve vite en bas de page et l'application est hors de vision de l'utilisateur, et réduire la taille de la page verticalement n'est pas une option que je peut suivre ^^" ).  
 
C'est assez handicapant. La seule solution temporaire que j'ai trouvé est de le mettre en Fullscreen (comme ça, plus de soucis), mais c'est pas très pratique. L'idéal serait de pouvoir directement l'utiliser comme tel sur la page.
 
Alors, un ami dev m'a filer un script à mettre dans le fichier Index.html de mon application qui permet de bloquer le scrolling auto quand on utilisent les flèches du clavier, il s'agit de celui-ci :
 

Code :
  1. <!-- Ce script sert à couper le scroll automatique lorsqu'on utilise les flèches du clavier. -->
  2.  
  3.   <script>
  4.  
  5.   window.addEventListener("keydown", function(e) {
  6. // space and arrow keys
  7. if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
  8. e.preventDefault();
  9. }
  10. }, false);
  11. </script>


 
Et ça fonctionne bien. Cependant, ça ne coupe le scrolling QUE pour les flèches du clavier, et même si ça m'aide beaucoup, j'ai toujours l'action de la molette de la souris qui active le scrolling. Or, c'est de celui-là dont j'aurai crucialement besoin de couper. Mon ami dev n'a connait cependant pas le script à écrire pour couper l'action de la molette.
 
Ainsi, je viens vers vous avec l'espoir que vous pouvez m'aider ! xD
 
Connaissez-vous un script / code ou une méthode pour couper ce fameux scrolling par la souris ?
 
Merci d'avance ^^


---------------
Souvent, le bug est entre la chaise et l\
mood
Publicité
Posté le 03-02-2021 à 22:57:24  profilanswer
 

n°2375333
MaybeEijOr​Not
but someone at least
Posté le 06-02-2021 à 14:41:14  profilanswer
 

Bonjour,

 

Tout est là : https://developer.mozilla.org/en-US [...] heel_event


Message édité par MaybeEijOrNot le 06-02-2021 à 14:41:33

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Désactiver Scrolling Auto de la page par la Molette (souris)

 

Sujets relatifs
[PHP] Problème stylesheet CSS indisponible sur une page (MODEL MVC)Ouvrir une page dans un navigateur
Intégrer une appli java sur une page web[CSS]Problème Mise en page
Insérer des liens depuis la barre Amazon Partenaires dans une page Worcustomisation page web / id change à chaque fois
Lancer galerie lightbox sans images dans la pageBesoins d'aide installation auto shop php
VNC sur une page web[Résolu] Performance Elementor et One Page, trop de CSS et Javascript
Plus de sujets relatifs à : Désactiver Scrolling Auto de la page par la Molette (souris)


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR