JS onscroll/scrollTop在IE和Firefox中不工作

Question

我想使用JavaScript將浮動代碼放入Joomla網站。

的代碼可以完美運行在Chrome與此腳本：

<script> 
window.onscroll = function() {myFunction();}; 
var towerRightAd = document.getElementById("bodyTowerRightAd"); 

function myFunction() { 
    if (document.body.scrollTop > 150) { 
     if (towerRightAd.className != "bodyTowerRighttAd floatTowerAds") { 
      towerRightAd.className = towerRightAd.className + " floatTowerAds"; 
     } 
    } 
    else 
    { 
     towerRightAd.className = "bodyTowerRightAd"; 
    } 
} 
</script> 

我怎樣才能得到這個代碼爲FF和IE瀏覽器。

演示：http://jsbin.com/vebenikoje/1/edit?html,css,js,output

Answer 1

試試這個：

window.onscroll = function() { 
     myFunction(); 
    }; 

    var towerRightAd = document.getElementById("bodyTowerRightAd"); 

    function myFunction() { 
     var scrollTop = window.pageYOffset || document.documentElement.scrollTop; 

     if (scrollTop > 150) { 
     if (towerRightAd.className != "bodyTowerRighttAd floatTowerAds") { 
      towerRightAd.className = towerRightAd.className + " floatTowerAds"; 
     } 
     } else { 
     towerRightAd.className = "bodyTowerRightAd"; 
     } 
    }