J'ai sur ma page 2 DIVs qui utilise jScrollPane et je veux que chacun ait sa propre barre de suivi, par défaut cette propriété existe dans un fichier CSS et est appliquée aux 2 DIVs.Comment ajouter 2 jScrollPane à ma page et chacun a CSS différent?
Je souhaite ajouter une barre de suivi spécifique au second DIV sans interagir avec le premier.
Comment je peux faire ça?
Merci
Enroulez le deuxième volet de défilement dans un élément avec une classe ou d'une carte d'identité et cibler vos règles CSS à des pistes imbriquées à l'intérieur qui.
par exemple. (En supposant que vous utilisez jScrollPane 2):
<div id="wrapper">
<div class="scroll-pane">
[content]
</div>
</div>
Ensuite, dans le CSS:
#wrapper .jspTrack
{
background: red;
}
Cela seul effet de la piste dans le div avec un id de "wrapper".
J'espère que ça aide!
Avez-vous attribué à chacun un identifiant séparé? Vous devriez être capable de cibler le CSS à chaque volet par son identifiant individuel –
Vous pouvez voir un moyen de le faire déjà même dans les exemples de base jScrollPane http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html – jitter