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

Désactiver Scrolling Auto de la page par la Molette (souris) - HTML/CSS - Programmation

Marsh Posté le 03-02-2021 à 22:57:24    

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\
Reply

Marsh Posté le 03-02-2021 à 22:57:24   

Reply

Marsh Posté le 06-02-2021 à 14:41:14    

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.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed