Modifier dynamiquement le style inline et la classe d'un div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Modifier dynamiquement le style inline et la classe d'un div

grozibouille

Salut

Je voudrais savoir comment est modifié le style (inline + la classe) d'un <div> lorsque l'utilisateur scrolle la page par ex.
Ex: quand la page est chargée

Citation :

Puis quand l'utilisateur scrolle:

Citation :

Ce qui m'intéresse surtout, c'est l'ajout de la classe "sticky". C'est fait via du JS ?

---------------
Steve Jobs est quand même un sacré magicien. Avec une seule pomme, il a fait naître des millions de poires.

Publicité

SICKofitALL

misanthrope

Oui c'est en JS. Tu peux te servir de l'event onScroll pour obtenir le positionnement X et Y de ta page, et ensuite appliquer la ou les classes de ton choix.
Via jQuery c'est assez simple : http://www.webtutoriaux.com/tutori [...] teurs.html
Pour changer la classe à la volée, tu peux faire en une seule ligne dans l'event :
$('div.sticky-wrapper').toggleClass ('sticky')
http://api.jquery.com/toggleclass/

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

HTML/CSS

Modifier dynamiquement le style inline et la classe d'un div

Sujets relatifs
Feuille de style CSS non prise en compte	[HTML5/PHP] Galerie d'images générée dynamiquement
[GTK]Modifier la couleur d'un widget	Recherche aide pour classe arbre des suffixe :)
Membre object statique dans classe template : souci	Lancement fonctions dont le nom est en variable dans une classe....
Modifier la fonte ds un SelectDirectory	Dictionnaire dans liste ---> ajouter/supprimer/modifier le dico
[C#] Problème récup fabrique de la classe COM	Probleme de validation CSS2.1) : balise <style> et autre
Plus de sujets relatifs à : Modifier dynamiquement le style inline et la classe d'un div

Page générée en 0.040 secondes