[size=medium]有时在页面上,需要Fixed(css里的position属性)的效果,用JS实现的话,在如题的三个平台可以这样写:[/size]
[size=medium]其中[color=red]document.documentElement.scrollTop + document.body.scrollTop;[/color]就是处理兼容性的关键,当页面加入DTD标示后 document.documentElement.scrollTop的值在IE和FF下正常,但document.body.scrollTop一直为0。在Chrome下就反过来了。[/size]
labeller_layer是一个我想随着滚轮移动的层
以上是针对onscroll事件平台兼容性的一个总结
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';
};
[size=medium]其中[color=red]document.documentElement.scrollTop + document.body.scrollTop;[/color]就是处理兼容性的关键,当页面加入DTD标示后 document.documentElement.scrollTop的值在IE和FF下正常,但document.body.scrollTop一直为0。在Chrome下就反过来了。[/size]
labeller_layer是一个我想随着滚轮移动的层
以上是针对onscroll事件平台兼容性的一个总结