Modifier dynamiquement div hauteur avec fenêtre de redimensionnement

Je voulais changer la hauteur d'une div lorsque la fenêtre est redimensionnée. Je sais que cela peut être fait avec css à l'aide height:100%; mais qui ne fonctionne pas sur ce dont j'ai besoin. Je voulais faire ça en javascript sans JQuery ou de tout autre cadre.

Voici ce que j'ai fait:

<div id="left">
<div id="inner">

</div>
</div>

CSS

#left{

margin-top:40px;
width:200px;
height:576px;
background:white;

}
#inner{

height:100%;
overflow-y:scroll;
}

JAVASCRIPT

window.onload=
window.onresize=function(){
var left=document.getElementById('left');
var window_height = window.innerheight;
if ( window_height > 600px ) { left.style.height = document.body.offsetHeight
+"px";    } 
else { } 
}

Le div avec l'id de gauche doit avoir la même marge. Je voulais juste changer la hauteur de la div pour correspondre à l'intérieure de la hauteur de la fenêtre (en px pas de %).

Merci.

ok je vais modifier ma question maintenant.
la gauche est l'objet, n'est pas la valeur
j'ai essayé mais aucun de mes code de travail, pouvez-vous donner une réponse
ce sont les mêmes que j'ai répondu à votre question est-il?pls regardez ou est-il besoin de ce genre?jsfiddle.net/ahneY/1 si oui, je vais ajouter en tant que réponse, veuillez accepter qu'
je veux répondre à une autre question pouvez-vous répondre à cela avec cette. j'ai voulu faire un changement de la marge en haut de changement sur faites défiler comme dans ce satbulsara.com/tests . Regarder le oui l'article sur le lien. Pouvez-vous répondre à cela.

OriginalL'auteur Kishore | 2013-07-18

  1. 1

    window.innerheight devrait être window.innerHeight (capital H). Notez que IE ne prend pas en charge avant d'IE9.

    Notez également que vous êtes en comparant un élément avec un certain nombre ici:

    if ( left < window_height )
//  ^--- element

    Vous avez probablement voulu obtenir la hauteur de left au lieu de cela, que cette condition ne sera jamais vrai.

    j'ai changé le H, mais ne fonctionne pas
    J'ai trouvé un deuxième problème.
    je suis nouveau à cela, je ne pouvais pas le faire fonctionner
    pouvez-vous donner un code de travail
    Je ne gaspille pas mon temps à jongler avec le navigateur incohérences sur les propriétés de la dimension. J'utilise une bonne bibliothèque à la place. Je vous la recommande. Qui vous permet de vous concentrer sur la chose réelle, vous êtes en train de construire, plutôt que de les incohérences de la plate-forme.

    OriginalL'auteur T.J. Crowder

  2. 1

    veuillez voir jsfiddle jsfiddle

    essayez d'utiliser la console.le journal pour savoir quel type de valeur ou un objet que vous traitez avec

    window.onload = window.onresize = function () {
    var left = document.getElementById('left');
    var window_height = window.innerHeight;
    console.log(left.offsetHeight);
    console.log(window_height);
    if (left.offsetHeight < window_height) {
        left.style.height = window_height + "px";

    } else {}
}

    situé à 100% de la première à connaître la hauteur exacte du nombre, alors affecter retourner à la hauteur.

    mise à jour du code mise à jour jsfiddle

    window.onload = window.onresize = function () {
    var left = document.getElementById('left');

    console.log(left.offsetHeight);
    var window_height = window.innerHeight;

    if (left.offsetHeight < window_height) {
        left.style.height = '100%';    
        left_height=left.offsetHeight;
        console.log(left_height);
        left.style.height = left_height + "px";

    } else {}
};
    non cela ne marche pas coz le dernier contenu de l'intérieur de la div ne peut pas être vu. j'ai essayé cela avant.
    si le système de changement rapide si la condition < > pour voir le résultat rapide. dans jsfiddle, la fenêtre peut toujours plus courte que la gauche de l'objet
    si vous voyez il y a une barre de défilement dans la fenêtre du navigateur qui je n'ai pas besoin.
    - Je mettre à jour mon code jsfiddle.net/Sd3a2/9
    Je suis très reconnaissant à vous pour essayer de m'aider. Mais désolé de le dire, ce code ne fonctionne pas. Dans votre code si vous redimensionnez la zone de résultat, vous savez ce que j'essayais de faire. C'est ce que j'ai demandé pour jsfiddle.net/bPsFV/2 . J'ai fait ce code hier. Merci beaucoup @caoglish

    OriginalL'auteur caoglish