OVH Cloud OVH Cloud

ScrollBar en css

6 réponses
Avatar
BertrandB
Bonjour,

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar en css.
Le challenge serait moins difficile avec JS mais le site doit fonctionne
avec ou sans js et je souhaite garder ce double fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)

6 réponses

Avatar
Olivier Miakinen
Bonjour,

Le 23/12/2007 10:14, BertrandB a écrit :

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.



C'est malheureusement inévitable, sauf je crois dans Internet Explorer
où des règles CSS non-standard permettent de contrôler certains
paramètres (couleur et taille il me semble). La plupart des autres
navigateurs, sinon tous, conserveront le style standard des ascenseurs.

J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar en css.
Le challenge serait moins difficile avec JS mais le site doit fonctionner
avec ou sans js et je souhaite garder ce double fonctionnement.



C'est tout à fait louable.

(bien qu'à défaut on pourrait avoir un look dégradé sans js)



Oui, tu peux chercher de ce côté là. Je n'ai malheureusement pas
d'exemple à te proposer, mais tu peux essayer de poser la question
sur fr.comp.lang.javascript.
Avatar
Vincent Lefevre
Dans l'article <476e26da$0$870$,
BertrandB écrit:

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar en css.
Le challenge serait moins difficile avec JS mais le site doit fonctionne
avec ou sans js et je souhaite garder ce double fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)



Oui. Mais d'un autre côté, les styles non standard risquent d'apporter
la confusion. Par exemple, certains sites ont des scroll bars en JS,
mais du coup, je ne les vois pas toujours!

--
Vincent Lefèvre - Web: <http://www.vinc17.org/>
100% accessible validated (X)HTML - Blog: <http://www.vinc17.org/blog/>
Work: CR INRIA - computer arithmetic / Arenaire project (LIP, ENS-Lyon)
Avatar
Sergio
BertrandB avait écrit le 23/12/2007 :
Bonjour,

Sur un site j'utilise des div en overflow mais les scrolbar des navigateurs
"cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar en css.
Le challenge serait moins difficile avec JS mais le site doit fonctionne avec
ou sans js et je souhaite garder ce double fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)



Dilemne :
- Utiliser les couleurs css de scrollbar qui ne fonctionnent qu'avec IE
(de type scrollbar-xx-color).

D'un autre côté, des solutions JS ou autre peuvent ne pas "casser" le
style JS, mais par contre casser les habitudes du visiteur ; ce qui est
beaucoup plus gênant : L'utilisateur a peut-être personnalisé son
environnement, justement pour ne pas rencontrer des scrollbars
étrangères à son environnement !

Tout l'art du webmestre est de marier les caprices du client (le
commanditaire du site) et du client (le visiteur du site).

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
BertrandB
Sergio a écrit :
BertrandB avait écrit le 23/12/2007 :
Bonjour,

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar en
css.
Le challenge serait moins difficile avec JS mais le site doit
fonctionne avec ou sans js et je souhaite garder ce double
fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)



Dilemne :
- Utiliser les couleurs css de scrollbar qui ne fonctionnent qu'avec IE
(de type scrollbar-xx-color).



Hors de question de plus plus que la couleur c'est la forme qui est
désagréabe.
D'un autre côté, des solutions JS ou autre peuvent ne pas "casser" le
style JS, mais par contre casser les habitudes du visiteur ; ce qui est
beaucoup plus gênant : L'utilisateur a peut-être personnalisé son
environnement, justement pour ne pas rencontrer des scrollbars
étrangères à son environnement !



Je sais ... la roulette par exemple.
Tout l'art du webmestre est de marier les caprices du client (le
commanditaire du site) et du client (le visiteur du site).



pour l'instant c'est un client du client qui justement trouve que les
scrollbar de son navigateur en plein milieu de l'écran sont à ch...
Le site présentant des oeuvres d'art je comprends la demande.
PS : le site est ne version html (pour cause de référencement) d'n site
originalement en flash.
Avatar
SAM
BertrandB a écrit :
Sergio a écrit :
BertrandB avait écrit le 23/12/2007 :
Bonjour,

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar
en css.
Le challenge serait moins difficile avec JS mais le site doit
fonctionne avec ou sans js et je souhaite garder ce double
fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)







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

mais ça semble se mériter à grands renforts de JS dont la bibli jQuery

Sinon re-passage par Flash ?
<http://www.flashkod.com/codes/SCROLLBAR-IMITANT-CELLE-WINDOWS-AVEC-GESTION-MOLETTE_36156.aspx>

--
sm
Avatar
BertrandB
SAM a écrit :
BertrandB a écrit :
Sergio a écrit :
BertrandB avait écrit le 23/12/2007 :
Bonjour,

Sur un site j'utilise des div en overflow mais les scrolbar des
navigateurs "cassent" le style du site.
J'ai cherché partout mais je n'ai pas trouvé d'exemple de scrollbar
en css.
Le challenge serait moins difficile avec JS mais le site doit
fonctionne avec ou sans js et je souhaite garder ce double
fonctionnement.
(bien qu'à défaut on pourrait avoir un look dégradé sans js)







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




C'est du JS mais ça me plait bien surtout dans l'exemple là
http://www.rezo.ge/design.htm.

Je te remercie pour le lien