在IE、FF、Chrome下滚动条的onscroll事件

有时在页面上,需要Fixed(css里的position属性)的效果,用JS实现的话,在如题的三个平台可以这样写:

window.onscroll = _onScroll;
function _onScroll(){	
    var labeller_layer = document.getElementById('labeller_layer');
    var scrollTop = document.documentElement.scrollTop + document.body.scrollTop;
     labeller_layer.style.top = scrollTop  + 'px';
 };

    其中document.documentElement.scrollTop + document.body.scrollTop;就是处理兼容性的关键,当页面加入DTD标示后 document.documentElement.scrollTop的值在IE和FF下正常,但document.body.scrollTop一直为0。在Chrome下就反过来了。

你可能感兴趣的:(在IE、FF、Chrome下滚动条的onscroll事件)