[CSS] personaliser la scrollbar d'une div

Dernière réponse : 20 Février 2010 15:10 dans Programmation

Nothrod

20 Février 2010 12:22:50

Bonjour/Bonsoir,

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

<div id="bloc_ecriture">

   <!-- Texte-->

</div>

Et voici mon CSS

#bloc_ecriture

 
{

   width: 54%;

   height: 78%;

   color: #000000;

   position: absolute; left: 30%; top: 11%;

   overflow: auto;

 }

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

| Etre averti des réponses
| Alerter

Répondre à Nothrod

Lassé par la pub ? Créez un compte

Seb33300

Expert Programmation

20 Février 2010 14: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