2008-11-03 6 views
5

Y at-il un moyen de changer toute la largeur de la barre de défilement horizontale sur un div défilant (y compris les flèches de déplacement et la poignée).Pouvez-vous changer la largeur d'une barre de défilement (DIV de défilement) dans IE7

EDIT: Je ne ai besoin d'une solution IE7 - c'est un DIV de défilement sur un terminal à écran tactile

Merci

Matt

+0

Veuillez clarifier: Voulez-vous dire toute la barre de défilement, y compris les flèches de déplacement, ou juste le bit que vous pouvez faire glisser (alias le 'handle')? – philistyne

+0

merci, j'ai modifié la question –

Répondre

2

En fait, je révise ma déclaration ... dans IE7 , vous CAN faire une mise à l'échelle.

<div style="zoom:5;font-size:20%;overflow-x:auto;"> 
    Hello World!  Hello World!  Hello World!  Hello World!  Hello World!  Hello World!  Hello World! 
</div> 

zoom indique IE à grande échelle le contenu de 500%, et je l'ai mis la taille de la police à 1/5 de la normale (reste donc la même) ... ce adapte les barres de défilement (mais il semble un peu laid à ce zoom, puisque les images sont raster, pas vecteur basé.

0

il existe un moyen, mais il est l'OMI pas possible avec JS ou CSS.

Si vous avez accès au terminal en question, vous pouvez définir la propriété de thème pour avoir une plus grande barre de défilement.C'est à Panneau de configuration -> Affichage -> onglet Apparence -> Avancé -> élément Barre de défilement -> ajuster la taille comme vous le souhaitez (screenshot)

0

Vous pouvez lancer votre propre barre de défilement - en manipulant la position de la div défilée en utilisant Javascript. Je l'ai vu faire avec de grandes flèches «haut» et «bas» sur les applications à écran tactile avant. En utilisant cette approche, vous pouvez styliser le contrôle de défilement, mais vous préférez correspondre à votre conception.

Voici un recent example qui utilise le curseur de jQuery pour contrôler un div.

Questions connexes