Prosty javascript nie działa w żadnym IE?

Question

tworzę niewielki niewielki efekt paralaksy z tym code.Everything działa dobrze wszędzie, z wyjątkiem IE.I używam IE 9.

Jsfiddle-javascript

Jsfiddle-jquery

<div id="head"> i </div> 
<div id="subHead"> can </div> 
<div id="content"> haz </div> 

Javascript

window.onscroll = function(ev){ 
    var subHead = document.getElementById('subHead'), 
     topHeight = document.getElementById('head').offsetHeight; 

    subHead.style.top = (topHeight - document.body.scrollTop/4) + 'px'; 
};  

CSS

#head, #subHead{ 
    position: fixed;   
    height: 80px;  
    width: 100%; 
    display: block; 
    background: #c00; 
    left: 0; 
    top: 0; 
    z-index: 10; 
} 

#subHead{ 
    z-index: 4; 
    background: #cd0; 
    top: 80px; 
} 

#content{ 
    position: relative; 
    z-index: 6; 
    height: 1000px; 
    background: #eee; 
    margin-top: 160px; 
} 

Próbowałem użyć kilku sztuczek z przeglądarką, ale na próżno ... Czy istnieje sposób, aby to działało w IE? Wielkie dzięki.

Edit:

Cel: zrobić 1 Div poruszać się wolniej niż inne, gdy użytkownik przewija.

logicznych: uczynić div ustaloną poprzez css i zmienić jego stanowisko służbowe poprzez javascript http://jsfiddle.net/MRbWY/11/

błąd w IE.The javascript robi work.hence div pozostaje stała tylko

Answer 1

document.body.scrollTop był zawsze czytanie zera, trochę kopania pojawia się this question, chcesz użyć I2 dla document.documentElement.scrollTop.

updated your fiddle