Se connecter avec
S'enregistrer | Connectez-vous

[CSS] personaliser la scrollbar d'une div

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte
Expert Programmation

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
Lassé par la pub ? Créez un compte
Tom's guide dans le monde