js的window.onscroll事件兼容各大浏览器！
为窗口添加滚动条事件其实非常的简单，
window.οnscrοll=function(){};
注意在获取滚动条距离的时候
谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即
var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
这样才能兼容各个浏览器！
代码如下:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
#box{ height:50px; width:200px; background:#666; position:absolute; left:0px; top:0px;}
window.onscroll =
function
(e){
var
e =e || window.event;
var
scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
var
box = document.getElementById(
'box'
);
box.style.top = scrolltop+
'px'
;
//console.log(scrolltop);
}
|