跨浏览器修复,OnScroll功能

时间:2013-01-01 05:37:51

标签: javascript html cross-browser

window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var bodyId=document.getElementById('bodymain');
    if (bodyId.scrollTop > 187) {
    //make some div's position fixed
    } else {
           //make some div's position absolute

    }
}
}

此代码适用于Chrome,但对IE9不起作用。你能建议这个代码的跨浏览器版本

1 个答案:

答案 0 :(得分:3)

window.onscroll = function() {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
    if (scrollTop > 187) {
        //make some div's position fixed
    } else {
        //make some div's position absolute
    }
}

Fiddle

从IE7开始,这应该适用于所有浏览器。它不会在IE6中运行,因为它不支持position:fixed