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
MarshPosté 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 :
<!-- Ce script sert à couper le scroll automatique lorsqu'on utilise les flèches du clavier. -->
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\
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 :
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\