Votre question

[CSS] personaliser la scrollbar d'une div

Tags :
  • Javascript
  • Programmation
Dernière réponse : dans Programmation
20 Février 2010 13:22:50

Bonjour/Bonsoir,

j'ai créé un bloc texte comme ceci :

  1. <div id="bloc_ecriture">
  2. <!-- Texte-->
  3. </div>


Et voici mon CSS

  1. #bloc_ecriture
  2.  
  3. {
  4. width: 54%;
  5. height: 78%;
  6. color: #000000;
  7. position: absolute; left: 30%; top: 11%;
  8. overflow: auto;
  9. }


Mon texte étant trop long j'ai mis un overflow: auto;

Mais j'aimerais que son apparence soit bien plus stylisé, un genre de rond (sans flèche haut/bas) qui ce déplace sur une ligne.

Mes questions sont donc :

- Est-il possible de le styliser en CSS ?
- Ou alors grace à du javascript ?
- ou encore avec du flash (mais dans ce cas la je suis également obliger de mettre mon texte avec et j'ai peur que ca fasse lourd) ?

Merci, de votre aide.

Cordialement.

Autres pages sur : css personaliser scrollbar div

20 Février 2010 15:59:52

L'apparence des scrollbars ne peuvent pas être modifié via CSS (malheuresement ce n'est pas dans les norme CSS).

Par contre certains navigateur (comme les différentes versions de IE et je crois que c'est le seul) permettent de modifier les couleurs des scrollbars mais pas leur forme.
Tu peux trouver plus d'infos ici : http://www.asp-php.net/tutorial/html/scrollbars.php

Après, il existe des méthodes alternative pour recréer entièrement la scrollbar en javascript et pouvoir la personnaliser. ça à l'avantage de de pouvoir la personnaliser sur tous les navigateurs mais c'est en revanche beaucoup plus compliquer à mettre en place.

Il existe plein de script que tu peux trouver sur le net, par exemple :
http://www.dyn-web.com/code/scroll/
voir les exemples :
http://www.dyn-web.com/code/scroll/vert.php
m
0
l
20 Février 2010 16:07:15

Ok et bien merci de ton aide :)  je vais chercher du coté java ;) 

Merci encore
m
0
l
20 Février 2010 16:10:33

Attention, java et javascript c'est pas du tout la même chose.
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS