2017-08-14 4 views
0

css écrit ce code Ive pour obtenir une marge dynamique heigh mon en-tête est:jQuery - en utilisant le calcul + variables d'une fonction pour changer

$(window).on("resize", function() { 
    var divHeight = $('#header').innerHeight(); 
    $('body > .container').css('padding-top', divHeight + 'px'); 
    }).resize(); 

maintenant je voudrais donner quelques autres éléments les même variable, f.ex. ma navigation, mais la hauteur css doivent être:

height: calc(100% - 'VARIABLE FROM CODE ABOVE'); 

Avez-vous des suggestions comment je peux obtenir ce fonctionnement?
Merci pour tous ceux qui lisent ceci :)

+0

Pourquoi ne pas y accéder à nouveau de la même manière? 'var divHeight = $ ('# header'). innerHeight();' – Airwavezx

+0

Je voudrais le faire de la même manière mais je ne sais pas comment l'écrire, j'ai essayé ceci: $ ('# header'). css ('height', calc (divHeight + 'px)'); – morizvonlanga

+0

Quelle variable essayez-vous d'accéder à nouveau? Que voulez-vous faire exactement? ce n'est pas très clair pour moi. – Airwavezx

Répondre

0

J'ai trouvé une solution:

$(window).on("resize", function() { 
    var divHeight = $('#header').innerHeight(); 
    $('body > .container').css('padding-top', divHeight + 'px'); 
    $('#navigation').css('margin-top', divHeight + 'px'); 
    $('#navigation').css('height', 'calc(100% - ' + divHeight + 'px)') 
    }).resize();