10
votes

Comment gîner la barre de défilement sur iframe?

est-il possible de changer le style des barres de défilement sur iframe?

J'ai essayé de le styler en utilisant le code suivant, mais cela ne semble pas fonctionner P>

body{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}


1 commentaires

Je n'ai besoin que de cela fonctionnant dans IE, je pensais que le code ci-dessus fonctionnera dans IE, mais il n'a pas fait que je ne le fais pas mal ...


5 Réponses :


1
votes

AFAIK, vous ne pouvez pas faire cela de manière transversale. Je pense que le code que vous avez utilisé ci-dessus fonctionnera dans IE uniquement.


0 commentaires

3
votes

Essayez iframe corps , pas seulement le corps.

Ce fonctionnera parfaitement dans les navigateurs WebKit (Safari & Chrome), Don Je pense qu'il y aura une solution de navigateur croisée. Eh bien, vous pourriez avec JavaScript !


2 commentaires

Les barres de défilement WebKit sont cool. PS, ils travaillent à Chrome aussi!


Ouais - je voulais mettre webkit - édité



1
votes

Utilisation de JavaScript (c'est-à-dire JSCrollPane ) est la seule option de navigateur croisée des barres de scroll de style , J'ai peur.


0 commentaires

9
votes

Il n'y a pas de chemin entre navigateur pour styler les barres de défilement.

Le code que vous avez uniquement fonctionne dans Internet Explorer et uniquement en mode Qiiks (non standard).

Ce que vous avez dans l'iframe est isolé de la page principale, vous devez organiser les barres de défilement sur la page où elles apparaissent, c'est-à-dire dans la page que vous chargez dans l'iframe. Tout style que vous appliquez à la page principale n'affecte pas ce qui est dans l'iframe.

Si vous ne pouvez pas modifier le contenu de la page que vous chargez dans l'iframe, il n'est pas possible de styler ses barres de défilement.


7 commentaires

Il pourrait injecter le code dans la page iframe avec JavaScript ?!! API.JQUERY.COM/AppENDTO & API.JQUERY.COM/PREPENDTO C'est simplement une supposition éduquée si elle n'a jamais essayé.


@Jonny: Si la page aurait été du même domaine, cela aurait été possible.


Oui, je pensais que ce serait le cas, je n'étais pas vraiment sûr de la question du domaine croisé ..mais merci de l'avoir souligné.


Cependant, l'ajout de style aux barres de défilement est possible à l'aide de JavaScript (voir ma réponse)


@Averen: Oui, vous pouvez remplacer les barres de défilement, mais il n'est pas possible d'utiliser lorsque la page est chargée à partir d'un domaine différent et que vous ne pouvez pas modifier la page.


Bien théoriquement, vous pouvez accéder à l'iframe via JavaScript - et Son contenu - Je suis à peu près sûr (bien que je n'ai pas testé) qu'il serait possible de modifier le contenu - ainsi que des barres de défilement. S'il vous plait corrigez moi si je me trompe..


@AVEREN: Si la page chargée dans l'iframe est d'un domaine différent (qui se trouve être le cas ici), vous ne pouvez rien faire du tout.



1
votes

Vous devez ajouter le CSS à la page réelle de l'iframe, c'est-à-dire si vous avez la page.html et iframe.html, le CSS doit être dans iframe.html.

Cependant, ne comptez pas sur ce CSS, cela ne fonctionne que dans IE, ou Opera sous le mode Qiiks.


0 commentaires