在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下就反过来了。

labeller_layer是一个我想随着滚轮移动的层

以上是针对onscroll事件平台兼容性的一个总结

你可能感兴趣的:(JavaScript,css,IE,chrome)