我的JS代碼將無法在IE10

Question

工作，這是我的JS代碼..

<script> 
var sticky = document.querySelector('.sticky'); 
var origOffsetY = sticky.offsetTop; 

function onScroll(e) { 
window.scrollY >= origOffsetY ? sticky.classList.add('fixed') : 
           sticky.classList.remove('fixed'); 
} 

document.addEventListener('scroll', onScroll); 

</script> 

它用來讓一個div保持就位，甚至當用戶向下滾動。

它不會在IE10工作（其中有querySelector，classList和addEventListener，所以它不是）。

Answer 1

IE10不支持scrollY。你必須使用scrollTop上document.documentElement：

var sticky = document.querySelector('.sticky'); 
var origOffsetY = sticky.offsetTop; 
var hasScrollY = 'scrollY' in window; 

function onScroll(e) { 
    var y = hasScrollY ? window.scrollY : document.documentElement.scrollTop; 
    y >= origOffsetY ? sticky.classList.add('fixed') : sticky.classList.remove('fixed'); 
} 

document.addEventListener('scroll', onScroll); 

Live Example | Live Source

（您可能不需要檢查，有可能所有的目標瀏覽器支持document.documentElement.scrollTop，你可以只始終使用。）