Le style de la barre de défilement affecte-t-il UX? [dupliquer]

1. Pourquoi la barre de défilement est-elle importante?
2. Comment faire en sorte que ma barre de défilement ne affecte pas la largeur?
3. Les barres de défilement sont-elles nécessaires?
4. Comment puis-je styliser la barre de défilement dans le navigateur croisé?

Pourquoi la barre de défilement est-elle importante?

Le seul but d'une barre de défilement standard est de permettre à l'utilisateur de générer des demandes de défilement pour afficher l'intégralité du contenu de la zone client.

Comment faire en sorte que ma barre de défilement ne affecte pas la largeur?

Le correctif facile consiste à utiliser la largeur: 100% à la place. Les pourcentages n'incluent pas la largeur de la barre de défilement, donc s'adaptera automatiquement. Si vous ne pouvez pas le faire ou si vous définissez la largeur sur un autre élément, ajoutez Overflow-X: Hidden ou débordement: caché à l'élément environnant pour empêcher la barre de défilement.

Les barres de défilement sont-elles nécessaires?

Une barre de défilement est nécessaire dans les cas où il y a beaucoup d'éléments dans un menu déroulant. La règle générale est que seulement 6 à 10 éléments devraient être visibles dans la liste déroulante.

Comment puis-je styliser la barre de défilement dans le navigateur croisé?

Votre meilleur pari pour les barres de défilement de style dans CSS, pour autant de prise en charge de Cross-Browser, est d'utiliser les propriétés Special :: WebKit préfixées CSS (Chrome (Chrome & Safari aura besoin de ceux-ci pour l'instant) et les propriétés standardisées de la barre de défilement et de la barre de défilement (pour Firefox pour l'instant).