2009-11-18 4 views

Répondre

3

Certaines versions d'Internet Explorer vous permettaient de mettre en forme des barres de défilement avec CSS, mais cela ne faisait pas partie du standard CSS et probablement pas le moyen d'y aller de nos jours.

Pour la compatibilité entre navigateurs, vous devrez simuler des barres de défilement en utilisant JavaScript; Heureusement, il existe des bibliothèques pour le faire, comme le plugin JQuery jScrollPane.

6

Voir la réponse acceptée pour une bonne solution technique. Mais alors ... vraiment, ne le faites pas: la personnalisation des barres de défilement et des éléments de l'interface utilisateur est généralement une très mauvaise idée: elle remplace le style de l'utilisateur et pourrait poser de sérieux problèmes d'accessibilité aux pages. Si votre site semble moche, alors vous devez retravailler sur la conception, à intégrer dans le navigateur.

Adaptez votre site web pour qu'il soit beau dans le navigateur, n'adaptez pas le navigateur pour qu'il soit beau sur votre site!

+0

Je suis d'accord en partie. Je peux comprendre pourquoi j'utiliserais des barres de défilement personnalisées dans une application web de conception lourde. – richard

+0

Je suis entièrement d'accord, ma réponse a montré comment cela est possible, mais juste parce que quelque chose est possible ne fait pas une bonne idée. –

+0

"Adaptez votre site web pour qu'il soit beau dans le navigateur, n'adaptez pas le navigateur pour qu'il soit beau sur votre site!" +1 !!! – Apeiron

0

Si vous souhaitez «modifier» la nature visuelle de la barre de défilement ... cela ne peut pas être fait avec CSS. Pour autant que je sache, JavaScript peut le faire.

Si vous voulez juste arrêter la barre de défilement d'apparaître, vous pouvez définir

div { 
    overflow: hidden; 
} 

pour forcer la barre de défilement pour ne pas apparaître. Vous allez perdre l'accès au contenu.

+0

J'ai besoin de changer les effets visuels de la barre de contrôle. – amir

1

Je sais que ce n'est pas d'une grande aide, mais l'utilisation de barres de défilement autres que la barre de défilement principale du navigateur est généralement désapprouvée du point de vue de la convivialité. Les utilisateurs trouvent souvent difficile à saisir (votre visiteur moyen est pratiquement stupide, se souviennent toujours de cela) ou tout simplement ennuyeux si seulement certaines parties de la page défilent et les parties ne le font pas. Parfois, la page intérieure ne défile que lorsque la souris est en train de la planer, parfois lorsque vous atteignez la fin de la page intérieure, le reste de la page commence à défiler avec, et je suis juste en train de gratter la surface des fonctionnalités ennuyeuses. à l'intérieur des barres de défilement maintenant.

S'il y a une façon de montrer l'ensemble du texte et/ou en laissant le défilement scrollbar principal du navigateur, s'il vous plaît le faire :)

Questions connexes