`
未雨绸缪
  • 浏览: 213550 次
  • 性别: Icon_minigender_1
  • 来自: 陕西
社区版块
存档分类
最新评论

在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事件平台兼容性的一个总结
5
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics