Javascript Girl
  1. Javascript Girl
  3. Comment régler / Modifier l'anneau de la barre de défilement
Intereting Posts
Déclenchez un événement de clic sur un Google Map Marker en cliquant sur un bouton et un fichier JS séparé avec jQuery Comment valider la forme en utilisant $ immaculé et $ sale en angulaire? Classement par javascript et comment, 4 = 0.04, 14 = 0.14, 100 = 1.00 Comment dessiner du texte sur une balise <canvas> dans Safari Bulk upsert à MongoDB en utilisant la mangouste Angular2 trop de demandes de fichiers sur charge Phonegap et service web reposant Inverser les couleurs d'une image en CSS ou JavaScript Relation entre CommonJS, AMD et RequireJS? La vidéo html5 montre à l'échelle locale mais pas en ligne JavaScript ne fonctionne pas sur jsfiddle.net Comment puis-je calculer la somme des valeurs des boutons radio en utilisant jQuery? Devrais-je utiliser plusieurs toiles (HTML 5) ou utiliser divs pour afficher les données HUD? Je sais qu'il est mauvais de stocker des données dans les DOM, mais pourquoi? Le fuseau horaire JavaScript est incorrect pour les règles précédentes de transition de l'heure d'été

Comment régler / Modifier l'anneau de la barre de défilement

Existe-t-il un moyen de changer temporairement la largeur de la barre de défilement dans FF ou IE pendant que je teste un certain code de mise en page?

Je me souviens d'avoir appris quelque chose depuis quelque temps que ce soit lié à la résolution, mais je ne me souviens pas. J'ai essayé de changer la résolution de l'ordinateur lui-même, j'ai essayé d'augmenter la taille de la police du navigateur, mais les deux ne fonctionnaient pas.

Mise à jour J'ai rencontré ce fil qui décrit comment modifier les paramètres à partir de Firefox, mais cela ne fonctionne pas correctement, au moins n'a pas encore fonctionné sans problème pour moi. Le demandeur a dit qu'il a finalement travaillé pour lui, alors je vais faire plus de tests plus tard. 

::-webkit-scrollbar { width: 6px; background-color: rgba(0,0,0,0); -webkit-border-radius: 80px; } ::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.09); } ::-webkit-scrollbar-thumb:vertical { background: rgba(0,0,0,0.61); -webkit-border-radius: 80px; } ::-webkit-scrollbar-thumb:vertical:active { background: rgba(0,0,0,0.61); -webkit-border-radius: 80px; } /*Try this*/

Je pense que ce pourrait être ce que vous cherchez …

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Il vous permet de contrôler complètement le style de vos barres de défilement.

Vous pouvez faire cela avec les paramètres d'apparence avancés dans Windows. Notez que cela affectera (presque) toutes les applications, pas seulement vos navigateurs. Vous devrez peut-être fermer et rouvrir le navigateur.

  • Dans Windows 7 : Panneau de configuration> Apparence et personnalisation> Personnalisation> Couleur de la fenêtre> cliquez sur "Paramètres d'apparence avancée", définissez la zone déroulante Item dans 'Scrollbars' (ou cliquez sur la barre de défilement dans l'image exemple), définissez le contrôle de rotation de la taille

  • Dans Vista : Personnalisation> Couleur et apparence de Windows> Ouvrir les propriétés d'apparence classique> Avancé> Élément> barre de défilement, puis ajuster la taille.

  • Dans XP : faites un clic droit sur votre bureau et sélectionnez Propriétés. Dans la fenêtre qui apparaît, cliquez sur l'onglet Apparence. Maintenant, cliquez sur le bouton Avancé en bas à droite. Abaissez le menu Élément et sélectionnez la barre de défilement. En utilisant les flèches haut et bas, vous pouvez augmenter ou diminuer la taille de la barre de défilement.