J'ai un client avec une page HTML avec quelques divs de défilement avec du contenu textuel. Elle utilise une conception fortement basée sur l'image de sorte que les barres de défilement par défaut ne conviennent pas du tout. Elle aimerait utiliser un style différent, mais à ma connaissance, ce n'est pas possible.Quel est le problème avec CSS et barres de défilement?
Qu'en pensez-vous?
Il y a une réponse à ce jQuery -
Il y en a nice examples des effets qu'elle peut atteindre
Son genre de possible.
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #000000;
}
Remarque: Cela peut ne pas fonctionner si vous avez spécifié un Doctype XHTML !!
Fonctionne correctement en XHTML. L'astuce est, lorsque vous utilisez un DOCTYPE en mode standard (que vous devriez utiliser, que vous utilisiez du HTML ou du XHTML), l'élément IE place les barres de défilement principales de la fenêtre sur 'html', pas sur 'body'. Le simple paramétrage de 'html' est correct, car ces propriétés héritent. – bobince
Vous pouvez changer les couleurs avec CSS, mais IIRC que IE v5.5 + supports ce CSS. Les autres navigateurs ne le font pas!
Voir ici pour une démonstration: http://www.iconico.com/CSSScrollbar/
Les nouvelles Safari nightly ont un support pour cela .. mais différentes propriétés CSS IIRC. – alex
D'un point de vue de la facilité d'utilisation, la modification des barres de défilement est un no-go. L'utilisateur est familier avec son système d'exploitation et l'environnement visuel qu'il fournit. La modification de ce fait créer une confusion, surtout parmi ceux qui sont nouveaux à l'aide d'ordinateurs, les personnes âgées, etc.
La majorité des utilisateurs aujourd'hui reconnaîtra probablement une barre de défilement aussi longtemps qu'il a sa forme de base - et beaucoup ne sera même pas utiliser la barre elle-même, mais seulement la molette de la souris.
C'est toujours une chose à laquelle penser. Considérez votre public. Et quoi que vous fassiez, assurez-vous qu'il fonctionne sur toutes les plates-formes/dans tous les navigateurs si vous utilisez une barre de défilement personnalisée.
La seule chose qui ne va pas avec jScrollPane est que vous ne pouvez pas utiliser les touches fléchées pour faire défiler la zone de contenu, ce qui dégrade un peu la convivialité (bien que cela puisse être possible avec un autre plugin jQuery). – Mun
@Mun, Ce problème est signalé comme un bug dans le bug tracker du projet. Étant donné que ce problème est important pour moi, je prévois de soumettre une correction de bogue pour la semaine prochaine. –
C'est la solution que je suis allé avec et j'aime son apparence/fonctions. Le client est également satisfait, ce qui est encore plus important! – bloudermilk