सरल जावास्क्रिप्ट किसी भी आईई में काम नहीं करता है?

Question

मैं इस code.Everything साथ एक मामूली मामूली लंबन प्रभाव पैदा कर रहा हूँ, हर जगह ठीक काम करता है को छोड़कर IE.I आईई 9.

Jsfiddle-javascript

Jsfiddle-jquery

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

जावास्क्रिप्ट

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

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

उपयोग कर रहा हूँ

सीएसएस

#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; 
} 

मैंने कुछ क्रॉस ब्राउज़र चाल चलने की कोशिश की, लेकिन व्यर्थ में ... क्या यह आईई में काम करने का कोई तरीका है? बहुत धन्यवाद।

संपादित करें:

उद्देश्य: एक 1 एक और जब कोई उपयोगकर्ता स्क्रॉल की तुलना में धीमी ले जाने div बनाने के लिए।

तर्क: div सीएसएस के माध्यम से तय करने के लिए और IE.The में जावास्क्रिप्ट http://jsfiddle.net/MRbWY/11/

त्रुटि के माध्यम से अपनी स्थिति को बदलने के लिए जावास्क्रिप्ट does not को work.hence div केवल तय रहता है

Answer 1

document.body.scrollTop हमेशा था शून्य पढ़ना, खुदाई का थोड़ा सा this question बदल जाता है, आप IE के लिए document.documentElement.scrollTop का उपयोग करना चाहते हैं।

updated your fiddle