Javascript propriété hauteur ne pas retourner correctement

Question

https://jsfiddle.net/h2nhb5ah/2/

Est-ce que quelqu'un sait pourquoi ma variable scrollratio n'est pas prendre la valeur correcte (à savoir le rapport entre la hauteur de div#left à div#right)?

Si la variable scrollratio est remplacée par un nombre alors le code fonctionne, mais la variable elle-même ne semble pas.

Idéalement, je voudrais également trouver un moyen d'utiliser body.style.height au lieu du 8.

Answer 1

Pour obtenir la hauteur d'un élément, utilisez la propriété clientHeight: débogage

simple,

var scrollratio = document.getElementById('right').clientHeight/menu.clientHeight; 
// => 2.051948051948052