Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
2035 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2277052
grozibouil​le
Posté le 05-03-2016 à 16:20:26  profilanswer
 

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 :

<div style="height: 101px;" class="sticky-wrapper" id="siteHeader-sticky-wrapper">
<header style="" id="siteHeader" class="siteHeader">


 
Puis quand l'utilisateur scrolle:

Citation :

<div style="height: 130px;" class="sticky-wrapper sticky" id="siteHeader-sticky-wrapper">
<header style="width: 1519px; position: fixed; top: 0px;" id="siteHeader" class="siteHeader">


 
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.
mood
Publicité
Posté le 05-03-2016 à 16:20:26  profilanswer
 

n°2277070
SICKofitAL​L
Razoreater
Posté le 06-03-2016 à 12:23:20  profilanswer
 

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/


---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"

Aller à :
Ajouter une réponse
  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 widgetRecherche aide pour classe arbre des suffixe :)
Membre object statique dans classe template : souciLancement fonctions dont le nom est en variable dans une classe....
Modifier la fonte ds un SelectDirectoryDictionnaire dans liste ---> ajouter/supprimer/modifier le dico
[C#] Problème récup fabrique de la classe COMProbleme de validation CSS2.1) : balise <style> et autre
Plus de sujets relatifs à : Modifier dynamiquement le style inline et la classe d'un div


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR