28172 sujets
CSS et mise en forme, CSS3
multras a écrit :
j'utilise la fonction overflow:scroll pour cadrer un contenu dans une page
C'est possible de styliser l'asenceur ?
Oui dans les navigateur webkit : http://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366/
Et pour IE et Opera : http://peter.sh/experiments/vendor-prefixed-css-property-overview/
Pour Firefox j'en sais rien.
Modifié par Hermann (02 Jul 2012 - 20:40)
Pas de manière standard.
Pour les navigateurs WebKit (essentiellement) c'est jouable en CSS (comme indiqué par Hermann) et plutôt pas mal fait.
Sinon il y a des scripts JS qui génèrent de fausses scrollbars, mais souvent ça donne quelque chose de sensiblement moins réactif que la fonctionnalité native du navigateur. Moi j'éviterais.
Plus généralement, attention aux interfaces reposant sur des scrollbars dans des blocs: les scrollbars natives peuvent être masquées par défaut sur certains OS (notamment OS X, iOS et Android), ou les solutions JavaScript peuvent être non fonctionnelles sur les terminaux mobiles et/ou tactiles.
Modifié par fvsch (03 Jul 2012 - 12:34)
Pour les navigateurs WebKit (essentiellement) c'est jouable en CSS (comme indiqué par Hermann) et plutôt pas mal fait.
Sinon il y a des scripts JS qui génèrent de fausses scrollbars, mais souvent ça donne quelque chose de sensiblement moins réactif que la fonctionnalité native du navigateur. Moi j'éviterais.
Plus généralement, attention aux interfaces reposant sur des scrollbars dans des blocs: les scrollbars natives peuvent être masquées par défaut sur certains OS (notamment OS X, iOS et Android), ou les solutions JavaScript peuvent être non fonctionnelles sur les terminaux mobiles et/ou tactiles.
Modifié par fvsch (03 Jul 2012 - 12:34)